视频任意时间点开始和停止播放
2016-08-27 16:39
609 查看
<!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>
<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>
相关文章推荐
- 【我的解决方案】android2.3 播放网络视频时,截取任意时间点图像且保存下来
- 获取视频停止播放时已经播放的时间
- 网页播放器 windowsmediaplay中控制从wmv的指定时间开始播放,指定时间停止播放
- WebView退出时停止视频播放
- 【电脑使用】怎样让优酷视频在指定时间开始播放
- RTP视频传输播放延时(时间戳)
- PHP中利用Ffmpeg获得flv视频缩略图和播放时间
- 页面里嵌入播放器,并获取当前视频的播放总时间
- RTP视频传输播放延时(时间戳)
- c++ DirectShow播放任意格式的视频
- 用C#怎样读取一个视频文件的播放时间
- Android视频播放项目总结之 使用Android中的videoView自己定义,暂停,播放时间,总时间,进度等。
- JSP中的几个实用函数(时间判断/IP获取/累计次数/视频播放等)
- 关于android 指定视频播放某段时间
- 用as控制音效的播放、暂停、停止及时间显示
- 计算视频播放的时间(pts)
- C++获取flv视频文件的播放时间
- iOS-获取视频长度和当前播放时间
- 连续播放按时间排序的截图 模拟视频播放
- 用C#实现视频录像回放的时间播放条功能