2012-09-05 255 views
5

我在播放「Android手機的Chrome瀏覽器」中的視頻時遇到了問題。hls在html5中無法在android chrome瀏覽器中工作

因爲我將HTML5視頻標籤和提供m3u8文件的鏈接作爲視頻標籤的來源。 但它不會在「Android的Chrome瀏覽器」中播放。

但是,如果我提供相同的m3u8文件鏈接到瀏覽器比在Android的視頻播放器中播放視頻。

那麼在HTML5視頻標籤中播放視頻應該怎麼做?

注:我已經與Android 4.0.3檢查這個和4.1

感謝提前,

薩加爾·喬希

+0

此:https://shaka-player-demo.appspot.com/demo/#asset=//storage.googleapis.com/shaka-demo-as​​sets/angel-one/dash.mpd;lang=en-美國似乎現在運作良好,也許5.0+? – rogerdpack

回答

0

我認爲這取決於編碼,通過查看服務器記錄請求的播放列表,但由於沒有發現任何webm內容。

這真的很不幸,因爲股票瀏覽器用來播放h264視頻就好了。

0

的HLS鏈接不會在Android鉻直接工作,你需要一個HLS JavaScript庫得到它的工作,看看這個代碼

<video id="my-video" style="width:640px height:480px;" controls> 
          <source src="{put your source link here}"> 
         </video> 
        </div> 
<script src="http://hlsbook.net/wp-content/examples/hls.min.js"></script> 
<script> 
    if (Hls.isSupported()) { 
    var video = document.getElementById('my-video'); 
    var hls = new Hls(); 
    hls.loadSource('{put your source link here}'); 
    hls.attachMedia(video); 
    hls.on(Hls.Events.MANIFEST_PARSED, function() { 
     video.play(); 
    }); 
    } 
</script> 

,並記住源鏈接不會在Android平臺上工作,它僅適用於ios-safari平臺,因爲ios-safari平臺不需要hls javascript,因爲Safari移動不支持媒體源擴展,因此不適用於hls.js. 因此,對於android,您需要在hls.loadSource中的腳本標記中添加視頻鏈接,它將在android chrome上工作。

相關問題