2012-09-05 254 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上工作。

相关问题