截取视频的开始和结束并循环播放

最新推荐文章于 2024-09-03 10:37:06 发布

MrLi-2018

最新推荐文章于 2024-09-03 10:37:06 发布

阅读量517

点赞数 1

本文链接：https://blog.csdn.net/weixin_42729938/article/details/81281189

版权

<video id="video1" autoplay="" loop="" preload="auto" muted="" class="video" poster="http://img95.699pic.com/video_cover/21/78/49/apyzSS5MNZ8f1513217849.JPG!/fw/850" >
<source src="http://video.699pic.com/videos/21/78/65/5GEsCnIEQhST1513217865.mp4" type="video/mp4">
</video>
<script>
window.οnlοad=function(){
playMedia(5,13)
};
var myVid = document.getElementById("video1");
myVid.addEventListener("timeupdate",timeupdate);
var _endTime;
//视频播放
function playMedia(startTime,endTime){
//设置结束时间
_endTime = endTime;
myVid.currentTime=startTime;
}
function timeupdate(){
//因为当前的格式是带毫秒的float类型的如：12.231233，所以把他转成String了便于后面分割取秒
var time = myVid.currentTime+"";
// document.getElementById("showTime").value=time;
var ts = time.substring(0,time.indexOf("."));
if(ts==_endTime){
// myVid.pause();暂停不重新播放
playMedia(5,13)
}
}

</script>