2013-10-23 43 views
2

我有一個視頻在我的網站後臺運行。它是帶有jpg後備的HTML5。應該使用什麼HTML5視頻編解碼器?

我用這個HTML

 <video id="video_background" preload="auto" autoplay="true" loop="loop" muted="muted" volume="0"> 
      <source src="video/nieuw.mp4" /> 
      <source src="video/nieuw.webm" type="video/webm; codecs=vp8,vorbis" /> 
      <source src="video/nieuw.ogg" type="video/ogg; codecs=theora,vorbis" /> 
      <img src="img/bg1.jpg" alt="bg" /> 
     </video> 

我已經擺弄周圍的這些<source>文件的順序,我也湊了不少與轉換工具。我使用MIRO轉換器,VLC,iMovie等..等等...

但我總是最終至少有一個瀏覽器不顯示該電影,例如Safari的Mac desnt工作,所有其他瀏覽器。或者所有的瀏覽器,但Windows/Chrome不起作用。這讓我發瘋。

你們可以請你發佈你的最佳做法?你使用什麼樣的html5代碼序列,以及你使用哪個程序/設置來轉換電影?

非常感謝!

回答

0

好吧,我得到了它在每一個普通的瀏覽器,與該olders那些後備。我用VLC轉換的文件,並且使用的HTML如下:

<video id="video_background" volume="0" muted="muted" loop="loop" autoplay="true" preload="auto"> 
<source type="video/mp4; codecs=avc1.42E01E,mp4a.40.2" src="video/pr6.mp4"></source> 
<source type="video/webm; codecs=vp8,vorbis" src="video/pr6.webm"></source> 
<source type="video/ogg; codecs=theora,vorbis" src="video/pr6.ogv"></source> 
<img alt="bg" src="img/bg1.jpg"> 
</video> 
1

最好的辦法是集成任何播放器(如jwplayer),因爲所有瀏覽器都不支持視頻標籤,並且在上傳時按照一種通用格式轉換所有視頻,因爲您的播放器支持使用任何庫,如ffmpeg lib 。

http://www.w3schools.com/html/html5_video.asp

1

這是2016年,MPEG-4/H.264視頻格式已經贏得了這場戰鬥,你可以刪除WEBM和OGV http://caniuse.com/#feat=mpeg4

轉換使用AWS Elastic代碼轉換器