转义 如果视频暂停，则全屏播放视频

Escape Full screen plays video if video is paused

本文关键字：视频 播放 如果 暂停 转义      更新时间：2023-09-26

我有一个HTML视频，当用户单击播放时，它全屏播放。 如果用户在全屏内点击转义，一切正常 - 视频停止播放并退出全屏。 但是，如果用户在全屏内暂停视频，然后点击转义，则视频将再次开始播放，从而导致视频中的声音循环播放在退出全屏时返回的页面。 我的js控件如下：

exitHandler: function(){
    vid = Video.vid;
    $(Video.featuredVideo).toggleClass('featured-video-show');
    if (document.webkitIsFullScreen || document.mozFullScreen || document.msFullscreenElement !== null){
        if (vid.paused){
            vid.play();
        }
        else {
            vid.pause();
        }
    }
  }
如果用户在全屏

内暂停，然后点击"转义"退出全屏，如何阻止视频/音频开始备份？

创建一个变量来跟踪您当前（在处理程序执行时）是退出还是进入全屏，如果您确实要退出 play 命令，请不要触发它。我认为没有特定的事件侦听器，因此您可能需要为此编写一个间隔。当我遇到这个问题时，我使用了以下功能：

var canFullscreen = function(){
  return (
    !document.fullscreenElement &&
    !document.mozFullScreenElement &&
    !document.webkitFullscreenElement &&
    !document.msFullscreenElement );
}

此功能检查我们当前是否可以进入全屏。如果它返回 false ，则要么没有全屏功能（旧/奇怪的浏览器），要么您已经处于全屏状态。这是我在间隔中运行的函数，用于准确检查用户何时退出全屏（并在那时以编程方式处理退出）。如果您正在跟踪"转义"按钮的按键，则可以将该功能放在那里以确定您是进入还是退出全屏。

相关文章：