视频任意时间点开始和停止播放
来源:互联网 发布:网络作品著作权的保护 编辑:程序博客网 时间:2024/05/17 02:19
<!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>
0 0
- 视频任意时间点开始和停止播放
- 【我的解决方案】android2.3 播放网络视频时,截取任意时间点图像且保存下来
- 轮播图功能的全实现(自动播放、小点点、按住停止播放、放手后开始播放...)
- Android视频音乐播放SeekBar和播放时间同步
- 播放任意视频,点按暂停,再点按返回按钮,title会有下移的动作
- 停止iframe里的视频音乐播放
- 简单WebView使用播放视频停止
- c++ DirectShow播放任意格式的视频
- iOS-获取视频长度和当前播放时间
- iOS-获取视频长度和当前播放时间
- htm背景音乐播放和停止
- ios 编程: ipad 和 iphone开发中使用 UIWebView 来播放视频的时候,在页面切换时 停止播放
- ios 编程: ipad 和 iphone开发中使用 UIWebView 来播放视频的时候,在页面切换时 停止播放
- JS 页面时间的停止与开始
- ios UIWebView播放视频、音频退出时停止播放
- WebView中音视频自动播放与退出时停止播放
- 求某时间点的周开始和结束时间
- [AS3]播放器判断视频状态(侦听视频流的开始和结束)
- hibernate 延迟加载
- HTML一些常见基本的标签
- c语言基础编程
- 默认参数和占位参数
- 获取华为手机的IMEI和sn号
- 视频任意时间点开始和停止播放
- 轻量级web服务器mongoose
- VB程序学习代码记录20160827
- AndroidStudio 跟Eclipse 在SVN上一起工作踩过的坑
- ThinkPHP的MVC开发机制实例解析
- mysql强制修改root密码
- 工作介绍
- 简洁版string类
- 6.0.1 系统自带应用:时钟,源码编译问题