在Nexus 7上播放MP4視頻Firefox不支持HTML5

Question

我在使用Firefox 27在Nexus 7上播放視頻時遇到問題。我想用HTML5視頻標籤播放此視頻。所以，在我的代碼有：

<video id="example_video_1" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="none" width="480" height="320" poster="media/spardabank.jpg" data-setup="{}"> 
    <source src="SpardaBankHD.mp4" type='video/mp4' /> 
    <source src="SpardaBankHD.webm" type='video/webm' /> 
    <source src="SpardaBankHD.ogv" type='video/ogg' /> 
</video> 

當我玩歌劇或Chrome，所有做工精細的視頻。但Firefox只播放聲音而不播放視頻，所以在開始播放視頻後屏幕會變黑。

的視頻具有此特性：

1. MP4：

   • 寬度：480像素
   • 高度：320像素
   • 每秒幀數：24
   • 數據傳輸率：996 kBit/s
   • 比特率：1149 kBit/s
   • 視頻編解碼器：X264

2. WEBM：

   • 寬度：480像素
   • 高度：320像素每秒
   • 幀：24
   • 視頻編解碼器：VP8
   • Datarate：996 kBit/s
   • Bit率：1149 kbit/s的

3. 奧格：

   • 高度：480像素
   • Höhe的：320像素每秒
   • 幀：24
   • 數據傳輸率：996千比特/秒
   • 比特率：1149 kBit/s
   • 視頻編解碼器：libtheora

在所有其他瀏覽器（Safari，Opera，Chrome）上都能正常工作（在移動設備和桌面電腦上）。我認爲問題不是Nexus 7，而是Firefox，不是嗎？

有沒有人有線索？

國王的問候， WUZ

Answer 1

但我不知道爲什麼Android的Firefox沒有這一點，但簡單地改變視頻的順序將工作。首先使用webm然後使用其他格式。

<video id="example_video_1" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="none" width="480" height="320" poster="media/spardabank.jpg" data-setup="{}"> 
    <source src="SpardaBankHD.webm" type='video/webm' /> 
    <source src="SpardaBankHD.mp4" type='video/mp4' /> 
    <source src="SpardaBankHD.ogv" type='video/ogg' /> 
</video>