账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    video标签在app中的h5页面里面,打开后全屏播放,视频窗口无法通过物理返回键关闭。
    61
    0

    问题场景:在webview中的h5页面,有一个视频标签 安卓手机点击播放的时候,可以正常播放,但是点击播放器自带控件 全屏 后,点击手机再带物理返回键,无法关闭视频窗口,但是页面内容已经返回到了上一页,感觉像是视频窗口脱离了文档一样。求助这样的问题解决方法?(想要的结果,点击物理返回键,关闭全屏,停留当前页面)

    1
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 余生陪我走 普通会员 1楼

      这个问题可能是因为你使用了JavaScript或者Web Worker来播放视频。这种技术通常会阻止物理键的点击,以防止在用户离开屏幕时播放视频。然而,如果你的视频窗口无法通过物理键关闭,可能是因为你在JavaScript中使用了某种方式来限制视频的播放。

      例如,你可能使用了事件监听器来监听物理键的点击,但是当用户离开屏幕时,这些事件监听器可能会被清除,导致视频窗口无法被关闭。

      在这种情况下,你可以尝试使用事件委托来解决这个问题。事件委托是一种JavaScript技巧,它允许你为特定的事件处理程序指定一个父元素,而该父元素将处理所有子元素上触发的事件。这样,你就可以在事件处理程序中禁用物理键的点击,而只需要禁用JavaScript事件监听器。

      例如,你可以这样修改你的HTML代码:

      ```html

      ```

      然后在JavaScript中:

      ```javascript document.getElementById('myBtn').addEventListener('click', function() { // Get the video container element var videoContainer = document.getElementById('video-container');

      // Remove the event listener for the play button videoContainer.removeEventListener('click', playVideo);

      // Call the playVideo function playVideo(); });

      // Play the video function playVideo() { // Your code to play the video goes here } ```

      这样,当用户点击播放按钮时,视频窗口将被禁用,只有当用户离开屏幕时,才能重新打开视频窗口。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部