html5视频全屏与流式传输

时间:2012-11-23 03:22:46

标签: android html5 video-streaming html5-video

使用视频标签流式传输时遇到了一些问题。

最初我正在使用flowplayer和fallback flowplayer.ipad.js,它实际上只是生成视频,因为无法使用闪存(例如ipad)。 我看到它使用视频标签的那些设备(我也用它为Android设备)。

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

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

添加type ='application / vnd.apple.mpegurl',它可以在ipad上运行 但是把它放在一边,我想在android中询问,如果你在玩游戏时改变大小,就会出错。更多指定,播放然后全屏   我认为这是有问题的,因为谷歌不太支持hls(因为它是苹果标准的ANW)。无论如何要解决这个问题吗?   我正在尝试做类似的事情:
beforeEnterFullscreen =&gt;停止视频=&gt; enterFullscreen =&gt;重新加载视频=&gt;播放视频。在这方面也有任何帮助,我无法为全屏事件添加eventListener

1 个答案:

答案 0 :(得分:2)

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

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

上次我尝试使用webkitenterfullscreen时,它在移动设备中没用。 到现在为止,我可以提出上述工作。