Question

我想要它以便启用完整视频，但默认情况下，它会一遍又一遍地循环播放视频的某个部分。

所以，如果它是一个30秒的视频，但它设置为从10秒开始播放5秒的视频，那么它会在视频中播放10秒开始播放5秒，然后再次循环播放10秒并播放相同的5秒结束了。

我如何使用jquery监视视频，以便在搜索者处于视频中的特定点时触发事件？

Answer 1

此代码允许您设置视频的两个可循环部分，因此应该为您提供足够的解决方案以便开始使用。不是基于jQuery，但很容易转换为该模型（只是不是我必须手）

<video id="video" controls="controls" muted preload="metadata" >
    <source src="video.mp4" type="video/mp4" />
</video>
<button onclick="repeat(1,3)">1-3</button>
<button onclick="repeat(5,7)">5-7</button>

<script>
var funcLoop
function repeat(startTime, endTime) {
    var video = document.getElementById('video');
    video.removeEventListener('timeupdate', funcLoop, false);
    video.addEventListener('timeupdate', funcLoop=function(){
        if (video.currentTime < startTime) {
            video.currentTime = startTime;
        }
        if (video.currentTime >= endTime) {
            video.currentTime = startTime;
        }}, false);
    video.play();
}
</script>

jQuery在HTML视频中的某个时刻动作

1 个答案: