首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在超文本标记语言视频中的特定位置时的jQuery操作

在超文本标记语言视频中的特定位置时的jQuery操作
EN

Stack Overflow用户
提问于 2017-12-29 15:10:33
回答 1查看 71关注 0票数 0

我想让它启用完整的视频,但默认情况下,它会反复循环视频的某一部分。

因此,如果它是一个30秒的视频,但它被设置为从10秒开始播放5秒的视频,它会从10秒开始播放这5秒,然后再次循环到10秒,并播放同样的5秒。

我如何使用jquery监控视频,以便当搜索者在视频中的某个点时,我可以触发事件?

EN

回答 1

Stack Overflow用户

发布于 2017-12-30 12:34:47

这段代码将允许您设置视频的两个可循环部分,因此应该可以为您提供足够的解决方案来开始。不是基于jQuery的,但很容易转换为该模型(只是不是我必须要做的)

代码语言:javascript
运行
复制
<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> 
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/48018885

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档