我想让它启用完整的视频,但默认情况下,它会反复循环视频的某一部分。
因此,如果它是一个30秒的视频,但它被设置为从10秒开始播放5秒的视频,它会从10秒开始播放这5秒,然后再次循环到10秒,并播放同样的5秒。
我如何使用jquery监控视频,以便当搜索者在视频中的某个点时,我可以触发事件?
发布于 2017-12-30 12:34:47
这段代码将允许您设置视频的两个可循环部分,因此应该可以为您提供足够的解决方案来开始。不是基于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>
https://stackoverflow.com/questions/48018885
复制相似问题