带有流式 hls 的 html5 视频全屏

Question

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

最初我使用 flowplayer 和后备 flowplayer.ipad.js，它实际上只是生成视频以用于无法使用 flash（例如 ipad）。 ANW 我看到它为这些设备使用了视频标签（我也将它用于 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 => 停止视频 => enterFullscreen => 重新加载视频 => 播放视频。 对此也有任何帮助，我无法为全屏事件添加 eventListener

Answer 1

在这些设备中发现全屏事件。

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

上次我尝试使用 webkitenterfullscreen 时，它在移动设备中没有用。 直到现在，我才能想出上述解决方法。