1

我对使用视频标签的流式传输 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 => stop video => enterFullscreen => reLoad video => play video。对此也有任何帮助,我无法为全屏事件添加 eventListener

4

1 回答 1

2

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

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

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

于 2013-01-16T03:54:06.980 回答