zion0707

在做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%进行处理了。

 

分类:

技术点:

相关文章:

  • 2021-11-24
  • 2022-12-23
  • 2021-12-29
  • 2021-11-03
  • 2021-11-09
  • 2022-12-23
  • 2021-10-21
  • 2022-01-01
猜你喜欢
  • 2022-02-10
  • 2022-12-23
  • 2022-12-23
  • 2021-12-02
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案