视频任意时间点开始和停止播放

大家注意代码中的onclick , csdn把里面的o改成俄文编码的了，不能正常运行，请手动改成英文的

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title>video</title><meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta charset="utf-8"></head><body><div class="container" ><input type="button" value='10-13' onclick="playMedia(10,13)">第10秒开始-13秒时暂停<br ><br ><button onclick="playMedia(50,null)" type="button">从第50秒开始播放到结束</button><input type="text" id="showTime"/><br ><br ><video id="video1" autoplay="autoplay" controls=true src='http://www.amdcu.net/admin/data/admin/lm_data/lm_23781/story_content/video_5uVjEQZCagr_30_48_720x406.mp4'></video></div></body><script>var myVid=document.getElementById("video1");myVid.addEventListener("timeupdate",timeupdate);var _endTime;//视频播放function playMedia(startTime,endTime){//设置结束时间_endTime = endTime;myVid.currentTime=startTime;myVid.play();}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();}}</script>
</html>

视频任意时间点开始和停止播放相关推荐

video标签（获取视频时间总长度，视频当前时间，播放暂停方法，视频封面，）
下面是HTML的内容 <videoid="video"@canplay="getVidDur()"ref="vueMiniPlayer" ...
哔哩哔哩视频任意倍加速播放方法
哔哩哔哩视频任意倍加速播放方法适用于网页版播放,可以调节任意倍速!! 第一步,在浏览器全屏的界面,按F12键,会弹出以下窗口: 第二步先点击最上面的console选项, 再输入代码document ...
html5 video 停止播放视频,html5 video怎么停止播放视频
html5 video停止播放视频的方法:首先使用"document.getElementById("id值")"获取到video对象:然后使用"vi ...
AI智能安防视频融合云平台EasyCVR分屏播放不能正常使用是什么原因？
EasyCVR视频融合云服务支持H.265编码视频Web直播,以及RTSP.RTMP.FLV.HLS视频流输出,可实现远程PC端(Windows.Mac.Linux).手机端(Android.iOS) ...
计算机锁屏之后QQ音乐停止播放了,MAC电脑如何在息屏状态下让QQ音乐能继续播放音乐...
MAC电脑如何在息屏状态下让QQ音乐能继续播放音乐一般MAC电脑息屏之后,大部分的应用都是会停止运行的,比如QQ音乐,就不会再播放音乐.今天小编就跟大家分享下MAC电脑如何在息屏状态下让QQ音乐能继 ...
播放网易云音乐时，有电话呼入，音乐并不会停止播放。
偶然发现网易云音乐的一个bug! 手机调成振动时,用网易云音乐播放歌曲,此时有电话呼进,音乐不会停止今天听音乐时,有电话打进来,一直没听见,按理说有电话呼入音乐应该停止播放,处于好奇尝试复现了一下, ...
vue3+ts实现视频根据时间轴截取，并可以通过传入截取起止时间进行当前剪辑的回显
公司提出想做一个视频编辑功能,每次只裁剪一段即可,UI同时也想实现时间轴为关键帧图片的效果,从网上也没找到合适的组件,简单思考后觉得并不难,决定自己封装一个吧.组件涉及到的只有vue3+ts+scss ...
vue3+ts实现视频根据时间轴截取
公司提出想做一个视频编辑功能,每次只裁剪一段即可,从网上也没找到合适的组件,简单思考后觉得并不难,决定自己封装一个吧.组件涉及到的只有vue3+ts+scss,没有使用其他插件. 基于目前这版升级版本 ...
html页面播放avi视频,什么样的视频能保证在PPT里正常播放？一文教您操作，确保讲课无忧...
原标题:什么样的视频能保证在PPT里正常播放?一文教您操作,确保讲课无忧我想,绝大多数人可能都遇到过视频插入PPT后无法正常播放的情况,甚至怎么都搞不定.于是,很多人还是选择在PPT中讲到该播放视频 ...

视频任意时间点开始和停止播放

视频任意时间点开始和停止播放相关推荐

最新文章

热门文章