html5標記<video>在safari和IE中不起作用

我在我的網站上運行的webm視頻不適用於Safari和IE。html5標記<video>在safari和IE中不起作用

我用的代碼是

<video src="http://video.webmfiles.org/elephants-dream.webm" controls autoplay loop preload="auto" poster="http://my-site.com/images/home-banner.png" class="only-default" width="613" height="354"> 
    <source type='video/webm; codecs="vp8, vorbis"' src="http://video.webmfiles.org/elephants-dream.webm"> 
</video>

來源

2014-02-17 Umar Adil

的WebM是不是在IE和Safari支持這裏

來源

2014-02-17 12:35:43

@Hamid，我在源文件中添加了mp4和ogg格式的視頻，但我的Safari瀏覽器不支持視頻標籤。 –

您正在播放此訊息，因爲此瀏覽器無法顯示該視頻。可能您的瀏覽器不支持html5。嘗試升級或更改瀏覽器。

–

Safari和IE9需要MPEG-4。您可以包含第二個源標籤。

當您使用源標籤時，您應該刪除視頻標籤內的src =屬性。

如果你需要它在IE8或更低版本上工作，你可以在視頻標籤內添加一個播放器來播放相同的mp4文件。

<video controls autoplay loop preload="auto" poster="http://my-site.com/images/home-banner.png" class="only-default" width="613" height="354"> 
    <source type='video/mp4;' src="video.mp4"> 
    <source type='video/webm;' src="video.webm"> 
</video>

來源

2014-02-17 23:05:28 Duvrai

謝謝我已經包括了mp4作爲第二個來源，並從視頻標籤中刪除了src。在Safari中，我收到消息「你正在...」，請檢查我上面的註釋以獲得更新的代碼。 –

html5標記<video>在safari和IE中不起作用

回答

相關問題