2012-11-23 152 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,它在移動設備中沒有用。 直到現在,我只能想出上面的解決方法。