2013-06-24 86 views
0

我在我們的一個網站上實現了video.js,除了Mac上的Safari,我們的視頻在所有瀏覽器中都能正常播放。如果它繼續播放,它在Safari中最多是波濤洶涌。video.js html5 safari中的視頻波濤洶涌

這裏有一個例子視頻,雖然都表現出這種行爲:

的jsfiddle這裏:http://jsfiddle.net/e9M4a/6/

<div class='videoWrapper'> 
    <video 
     class='video-js vjs-default-skin' 
     poster='https://goodtogo-production.s3.amazonaws.com/videos/posters/000/000/021/large/Group_Hospitality.png' 
     data-setup='{ "controls": true, "autoplay": false, "preload": "auto", "height": 320, "width": 568}'> 
    <source src='https://goodtogo-production.s3.amazonaws.com/videos/files/000/000/021/original/Group_Hospitality_v1_with_tag.mp4' type='video/mp4'></source> 
    </video> 
</div> 

我GOOGLE了一下,發現這個鏈接http://help.videojs.com/discussions/problems/504-no-audio-and-choppy-video-in-safarimac這表明它可能是一個編碼的問題,但據我可以告訴編碼是好的,它通常通過Quicktime播放。

通過Safari瀏覽器的視頻播放在jsfiddle中也很不穩定,所以我很確定這不是我們網站上特定實現的東西。

任何人都可以看到有什麼問題嗎?

回答

1

這僅僅是因爲你的mp4文件在文件大小方面是巨大的,它超過了140MB!我的瀏覽器也很震撼(IE10)。對於長達4分17秒的視頻,您應該能夠將其編碼到10mb以內。

此外視頻尺寸也很大。將視頻大小調整爲您在播放器中使用的尺寸(寬度:568和高度:320)。

然後順利地觀看你的電影流。

+0

那麼,你是說如果我們想要觀看超過140Mb的視頻(比如足球比賽的視頻可能超過1GB),我們不能在Mac上的Safari中使用VideoJS? – Unapedra

+3

不用它取決於電影的比特率。如果它過高,會影響所有玩家,而不僅僅是video.js。想象一下,如果視頻是1GB的1分鐘的視頻將是離譜的。但是,1GB分佈在360分鐘內將是完全合理的。遊戲的目標是優化,在正常的網絡構建中你會做一個校長,比如確保你的圖形是儘可能小的文件大小而不會損失太多的質量。 –

相關問題