帶有流式 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 時，它在移動設備中沒有用。 直到現在，我才能想出上述解決方法。