2012-05-22 94 views
0

我有以下問題。我在我的頁面上嵌入了視頻:移動Safari中的Html5視頻延遲

<video id="video_1" width="520" height="360" controls="controls"> 
    <source src="http://patho/to/video.mp4" type="video/mp4" /> 
</video> 

當我打開我的頁面時,我看到黑匣子。正在顯示4-5秒播放圖標後。 是否可以立即看到這個播放圖標?我試圖做一個進度條或東西,並檢查所有媒體事件 - >http://dev.w3.org/html5/spec/single-page.html#mediaevents

但它看起來像這個問題沒有與我的視頻連接,但與快速的時間需要時間加載。我對嗎 ?或者有一個解決方法呢?

有一件事我可以做的是較早的初始化視頻,然後通過剛纔的js表現出來......

回答

0

看看這個document有關壓載嗎?如果你的文件很大,那麼什麼都不能做。 PS:IOS有自己的播放html5視頻的方式,是硬件加速並通過系統黑客在瀏覽器上方顯示。這就是爲什麼我認爲沒有什麼可以做的。

+0

文件有15MB,並且當其localy加載我沒有這樣的問題...預壓也沒有幫助。 – mikel

+0

然後看起來像什麼都不能做,嘗試壓縮文件或將它分割成較小的部分。 –

0

你可以做的是使用視頻標籤的海報設置:

<video poster="http://link.to/poster.png"> 
    <source ... /> 
</video> 

這應該導致其下載後立即被顯示的圖像, 然後下載播放按鈕,一旦球員和vid被加載。

有樂趣,

雅舍