android
  • video
  • html5
  • 2010-05-26 55 views 6 likes 
    6

    視頻標籤,如下面的正常播放與iPhone,但Android的不是:Android上的HTML5 <video>元素不玩

    <video id="video" width="320" height="240" poster="video/placeholder.jpg" autobuffer controls> 
        <source src="pr6.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> 
        <source src="pr6.ogv" type='video/ogg; codecs="theora, vorbis"'> 
    </video> 
    

    與上面的代碼,Android的甚至不能單擊剪輯。它只會看到海報圖片。

    視頻標籤像下面然而,隨着Android版:

    <video src="vpr6.mp4" poster="video/placeholder.jpg" onclick="this.play();"/> 
    

    但是,我仍然需要多個來源的能力(對Firefox的支持OGV ...)。下面的代碼不起作用(也不如果我堅持的JavaScript到源標籤他們的工作):

    <video id="video" width="320" height="240" autobuffer controls onclick="this.play();"> 
        <source src="pr6.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> 
        <source src="pr6.ogv" type='video/ogg; codecs="theora, vorbis"'> 
    </video> 
    

    有了上面的代碼中,剪輯是在Android的點擊,但依然什麼都不做。

    任何人都可以幫忙嗎?

    +1

    URG。我對視頻和音頻標籤的狀態感到絕望。 – spender 2010-05-26 08:49:15

    +0

    這是一個本地或網頁?如果是本機,您是否爲Webview啓用了Javascript? – Pentium10 2010-05-26 08:50:50

    +0

    只是我試圖設置的網頁,以便多個瀏覽器可以正確播放視頻。 – T1000 2010-05-27 03:03:36

    回答

    4

    嘗試從源列表中刪除編解碼器。可能是因爲您列出的編解碼器不在Android上,所以它很窒息。

    如果您使用src屬性,它會自動檢測該編解碼器,因此它使用別的東西:)

    +0

    就是這樣!謝謝。它現在工作完美。通過源代碼中的另一個流式播放器,我現在可以在IE,Firefox,Safari,iPhone和Android上正確播放視頻。 這讓人很奇怪爲什麼編解碼器的屬性呢。加快速度? – T1000 2010-05-27 02:02:23

    +0

    給大家一個提示。 onclick =「this.play();」僅適用於Android ...其他瀏覽器不需要此功能。 – T1000 2010-05-27 04:13:27

    +0

    @Artiom Chilaru你能否讓我發現[這個問題]出了什麼問題(http://stackoverflow.com/questions/14156411/loading-youtube-video-through-i-frame-in-android-webview) – edwin 2013-01-07 07:07:31

    相關問題