寻找currentTime后播放

Question

我正在尝试用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);

Answer 1

我遇到了类似的问题，并找到了一个解决方案，暂停视频，然后设置currentTime，然后播放视频。要更新您的代码：

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

Answer 2

一些我会尝试的事情：

1. 在jumpToTime()函数中，您有两个对相同视频的不同引用(一个通过jQuery获得，另一个通过getElementById()获得)。你确定这些引用的是同一个视频吗？为了安全起见，我会在设置了currentTime的‘

’引用上调用

1. ()。
2. 这可能是一个复制粘贴问题，因为如果这是在实际代码中，控制台会报错，但你确实拼写错了getElementById() (需要大写B)。
3. 为了调试目的，我会注释掉'timeupdate‘事件代码，以确保这不是问题所在，并且这段代码不会在你更新timehead或调用play之后暂停视频。可能不是，因为您将当前时间设置为比您要比较的偏移量小得多。然而，这将是一个简单的测试，以消除这一问题的可能原因。

Answer 3

function jumpToTime(){
   document.getElementById("videoclip").currentTime = 160;
   document.getElementById("videoclip").play(); //not working
};

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

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