安卓微信下退出video全屏方法


在做h5項目的時候,安卓全屏模式退出方案:

<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%進行處理了。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM