从选定的持续时间循环播放视频
Play video in loop from the selected duration
我的设计中有一个视频文件,长度为2分钟。第一次视频将从头开始播放,然后视频必须从1秒到2秒循环播放。这是可能做到使用jquery吗?我试过其他方法。它工作,但有一个跳跃的视频。在第一个视频结束后更改视频源。
下面是我的代码:
JQuery:document.getElementById('bgvid').addEventListener('ended', myHandler, false);
function myHandler(e) {
//*what to do?*//
}
HTML: div class="anim-logo ">
<video playsinline autoplay muted poster="assets/img/video3.jpg" id="bgvid">
<source src="assets/img/video3.webm" type="video/webm">
<source src="assets/img/video3.mp4" type="video/mp4">
</video>
</div><!--end of anim logo-->
你可以这样做:
var video = document.getElementById('videoElm')
video.addEventListener('ended',function(){
// set the video's start position to the video's duration minus 10 seconds. "video.currentTime" is in milliseconds, "video.duration" is in seconds
video.currentTime = (parseInt(video.duration) - 10) * 1000;
video.play();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
<video id="videoElm" autoplay muted>
<source src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" type="video/webm">
</video>
</div>
相关文章:
- 使用jQuery无限循环播放HTML页面幻灯片
- 在没有大量回调函数的情况下在列表元素上循环播放同一动画
- 如何循环播放幻灯片中进度条的函数
- 停止循环播放文本,但仍运行效果
- 使用 Javascript 循环播放 HTML5 音频
- 随机页面加载后循环播放其余视频
- 循环播放Raphael动画,没有fps问题
- 使用Snap.svg循环播放动画
- Vide.js循环播放多个视频
- 循环播放动画
- 使用jquery循环播放视频
- 整页.js - 在背景视频循环播放时向右移动幻灯片
- 科尔多瓦媒体,如何获取循环播放的回调
- 如何循环播放按钮
- 防止视频阵列循环播放
- j查询视频不循环播放
- 在HTML5 Canvas / Fabric js中循环播放动画
- 使动画循环播放
- 回退到 Flash 时,使用 VideoJS 库循环播放视频
- 音轨在Javascript中循环播放,没有延迟