在作h5項目的時候,安卓全屏模式退出方案:css
<script> var video = document.getElementById('video'); //監聽視頻播放結束的時候 video.addEventListener('ended', function () { this.srcObject = new window.webkitMediaStream; }); //也能夠直接調用 video.srcObject = new window.webkitMediaStream; 便可退出視頻全屏模式 </script>
注意事項:使用了 this.srcObject = new window.webkitMediaStream 方法,頁面仍是處於全屏模式,因此在全屏模式下,textarea輸入的時候會產生一些bug,可能會致使頁面變短。這時候解決方案是,把播放視頻的頁面進行 display:none 進行隱藏,而且設定頁面高度用js設定成window高度,不能採用css height:100%進行處理了。web