视频事件问题：用户在播放前触摸屏幕答案

【问题标题】：Video event issue: User touching screen before time to play视频事件问题：用户在播放前触摸屏幕
【发布时间】：2020-01-10 02:03:33
【问题描述】：

您好，此问题适用于任何能够向我展示如何解决此用户问题的人。我有一个脚本可以播放视频，用户可以在触摸时暂停和恢复。这很容易做到并且工作正常。在某一点，脚本会为用户暂停视频一段设定的时间，以便用户有时间阅读屏幕上的信息。目的是让他们能够在阅读信息后继续播放视频。如果用户等待足够长的时间，恢复的触摸工作正常。但是，因为有些用户的阅读速度比其他用户快，所以很明显，即使视频被脚本暂停，我也需要检测触摸 - 这是我需要帮助的部分。目前，如果视频被脚本暂停并且用户在设置的暂停时间到期之前触摸屏幕，播放按钮将显示，但按下它播放不会恢复脚本，直到该时间到期。我想我需要在脚本用来暂停视频的函数内有一个监听器。我不太确定处理这个问题的最佳方法。到目前为止，这是我的方法的一个 sn-p：

var myVideo = document.getElementById("myVideo");

function playPause() {
  var el = document.getElementById("playButton");
  if (myVideo.paused) {
    myVideo.play();
    el.className ="";
  } else {

    myVideo.pause();
    el.className = "playButton";
  }
}

myVideo.addEventListener("click", playPause, false);


var pause42 = function(){
    if(this.currentTime >= 42 && !myVideo.paused) {
        this.pause();

        // remove the event listener after you paused the playback
        this.removeEventListener("timeupdate",pause42);
    }
};
myVideo.addEventListener("timeupdate", pause42);

感谢任何帮助！

【问题讨论】：

标签： html5-video

【解决方案1】：

仅供参考，问题已解决。如果对其他人有帮助，请在此处发布答案。

var pause42 = function(){
    if(this.currentTime >= 15 && !myVideo.paused) {
      this.currentTime = 42;
        this.pause();

        // remove the event listener after you paused the playback
        this.removeEventListener("timeupdate",pause42);
    }
};
myVideo.addEventListener("timeupdate", pause42);

【讨论】：