2012-11-23 146 views
1

我有点流媒体hls使用视频标签的问题。html5视频全屏流媒体hls

最初我使用的是后备flowplayer.ipad.js的流水游戏,它实际上只是生成使用闪光灯(如iPad)失败的视频。 ANW我看到它使用这些设备的视频标签(我也使用它的Android设备)。

简单地说,这段代码实际上可以在Android上运行:

<video id="testchoi" width="320" height="240" controls preload> 
<source src="some_hls_stream_here.m3u8"/> 
</video> 

附加型= '应用/ vnd.apple.mpegurl',它可以在iPad上运行。
但是,放在一边,我想问在android中,如果您在播放时更改大小,它将会出错。更多指定,播放它,然后进入全屏。
我认为有问题,因为谷歌没有多大支持hls(因为它是苹果标准ANW)。无论如何要解决?
我正在尝试这样做:
beforeEnterFullscreen => stop video => enterFullscreen => reLoad video =>播放视频。在这方面的任何帮助,我也无法添加eventListener全屏事件

回答

2

找到这些设备中的全屏幕事件。

player.addEventListener('webkitbeginfullscreen', function(){ 
      this.load(); 
      this.play(); 
      }, false); 
      player.addEventListener('webkitendfullscreen', function(){ 
      this.load(); 
      this.play(); 
      }, false); 

上次我尝试了webkitenterfullscreen,它在移动设备中没有用。 直到现在,我只能想出上面的解决方法。