2012-05-24 159 views
3

我使用HTML5視頻與此代碼:HTML5視頻不會在移動設備上播放

<div id="lightBox1" class="lightBox"> 
    <video id="video" controls preload="metadata"> 
     <source width="100%" height="470" src="/ImageworkzAsia/video/iworkzvid.mp4" type="video/mp4"> 
     <source width="100%" height="470" src="/ImageworkzAsia/video/iworkzvid.ogv" type="video/ogg"> 
     <source width="100%" height="470" src="/ImageworkzAsia/video/iworkzvid.m4v" type="video/m4v"> 
     <p style="text-align:center;">Your browser does not support HTML5 Video.</p><br /> 
    </video> 
</div> 

的問題是,它並沒有在移動Safari瀏覽器播放,但它確實在桌面Safari瀏覽器播放。它也像預期的那樣在Chrome,Firefox中播放。我還沒有在android設備上測試過。有任何想法嗎 ?

+0

我不知道該怎麼做。 xD請教我如何做到這一點。 –

回答

3

幾件事情嘗試:

  1. 使用的「視頻SRC」絕對URL屬性

  2. 有些設備可能需要一些額外的時間來加載視頻

  3. 更改設備並嘗試(如你所說)

希望這會 幫幫我。

+1

使用絕對的URL爲我工作。謝謝。 –

-3

您的手機瀏覽器可能不支持HTML5 ..

+0

這個問題清楚地表明這是關於Mobile Safari。雖然沒有說明版本號,但這些信息足以得出瀏覽器應該工作的結論。 – pixelistik

相關問題