降低HTML5視頻

直播定點http://www.thecompletefinancialplan.com 降低HTML5視頻

的加載時間我用videojs球員在我的網站添加視頻。

視頻：KeithKolinskyCFP.mp4 - 25.5MB， KeithKolinskyCFP.webm - 31MB， KeithKolinskyCFP.ogv - 50MB

我已經等了至少30秒，它仍然還沒有開始在Mozilla玩，我互聯網連接並不慢。任何想法如何減少該視頻的加載時間。

我的代碼 -

<video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" poster="http://www.thecompletefinancialplan.com/images/video.jpg" width="320" height="240" data-setup="{}"> 
    <source src="http://www.thecompletefinancialplan.com/Keith_video.mp4" type='video/mp4' /> 
    <source src="http://www.thecompletefinancialplan.com/Keith_video.webm" type='video/webm' /> 
    <source src="http://www.thecompletefinancialplan.com/Keith_video.ogv" type='video/ogg' /> 

    <object type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" width="320" height="240"> 
    <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" /> 
    <param name="allowFullScreen" value="true" /> 
    <param name="wmode" value="transparent" /> 
    <param name="flashVars" value="config={'playlist':['http%3A%2F%2Fwww.thecompletefinancialplan.com%2FKeith_video.jpg',{'url':'http%3A%2F%2Fwww.thecompletefinancialplan.com%2FKeith_video.mp4','autoPlay':false}]}" /> 
    <img alt="Big Buck Bunny" src="http://www.thecompletefinancialplan.com/images/video.jpg" width="320" height="240" title="No video playback capabilities, please download the video below" /> 
</object> 

</video>

來源

2014-01-25 arifix

從來就Chrome 32版本試過幾秒鐘前的Mac並立即加載。當我嘗試使用Firefox加載它時，它不會加載。

我用Firefox得到了一些很長的加載時間。因此，「videojs」播放器框架可能會失敗。

嘗試在一個試驗場正常HTML5視頻標籤或與其他視頻播放器框架。在鉻http://lucas-recknagel.de/video.html沒有問題，但在Firefox的標準播放器顯示與視頻類型/ MIME類型的錯誤：

我這裏測試它自己。

所以你可能嘗試重新導出WebM檔案。

希望有所幫助。

來源

2014-01-25 12:20:52 lrecknagel

回答

相關問題