寻找当前时间后播放

Play after seeking currentTime

本文关键字：播放 时间 寻找      更新时间：2023-09-26

我正在尝试用javascript控制html5视频。我想要的是，当用户单击按钮时，视频将跳转到另一帧并从那里继续播放。使用我当前的代码，播放总是在搜索后停止。

function jumpToTime(){
    var video = $("video")[0];
    video.currentTime = 160;
    document.getElementbyId("videoclip").play(); //not working
};
//the following code is probably not really related to the question:
var endtimeoffset = 2000;
video.addEventListener("timeupdate", function() {
    if (video.currentTime >= endtimeoffset) {
        video.pause();
    }
}, false);

我遇到了类似的问题，并通过暂停视频，然后设置当前时间，然后播放视频找到了解决方案。 要更新代码，请执行以下操作：

function jumpToTime(){
    var video = $("video")[0];
    video.pause();
    video.currentTime = 160;
    video.play();
};

我会尝试一些事情：

  1. 在 jumpToTime（） 函数中，你有两个不同的引用来引用同一个视频（一个通过 jQuery 获得，另一个通过 getElementById（） 获得）。您确定这些引用相同的视频吗？为了安全起见，我只会在您设置当前时间的"视频"引用上调用 play（）。
  2. 这可能是一个复制和粘贴问题，因为如果这是在实际代码中，控制台会抱怨，但你确实拼错了getElementById（）（需要大写B）。
  3. 出于调试目的，我会注释掉"timeupdate"事件代码，以确保这不是问题所在，并且在更新时间头或调用播放后，此代码不会暂停视频。可能不是，因为您将当前时间设置为远小于与之比较的偏移量。但是，消除此问题的可能原因将是一个简单的测试。
function jumpToTime(){
   document.getElementById("videoclip").currentTime = 160;
   document.getElementById("videoclip").play(); //not working
};

getElementbyId --> getElementById -- b --> B

通过 id 获取直接对象...

相关文章：