自定义媒体播放器
来源:互联网 发布:ubuntu 版本区别 lts 编辑:程序博客网 时间:2024/06/09 19:09
html
<div class="mediaplayer">
<div class="video">
<video id="player" src="movie.mov" poster="mymovie.jpg"
width="300" height="200">
Video player not available.
</video>
</div>
<div class="controls">
<input type="button" value="Play" id="video-btn">
<span id="curtime">0</span>/<span id="duration">0</span>
</div>
</div>
js
//取得元素的引用
var player = document.getElementById("player"),
btn = document.getElementById("video-btn"),
curtime = document.getElementById("curtime"),
duration = document.getElementById("duration");
//更新播放时间
duration.innerHTML = player.duration;
//为按钮添加事件处理程序
EventUtil.addHandler(btn, "click", function(event){
if (player.paused){
player.play();
btn.value = "Pause";
} else {
player.pause();
btn.value = "Play";
}
});
//定时更新当前时间
setInterval(function(){
curtime.innerHTML = player.currentTime;
}, 250);
- 自定义媒体播放器
- 媒体播放器
- 媒体播放器
- 简易媒体播放器
- QT 媒体播放器
- WPF 媒体播放器
- linux 媒体播放器
- 网页中的媒体播放器
- linux手机媒体播放器软件
- 用Jbuilder9开发媒体播放器
- 网页媒体播放器代码详解
- 开放源码媒体播放器计划
- 网页媒体播放器代码详解
- 网页嵌入媒体播放器代码
- 网页嵌入媒体播放器代码
- 小巧Java版媒体播放器
- IE中媒体播放器
- 网页嵌入媒体播放器代码
- C++第一次实验-2-3 2016.3.10
- 句内单词反转
- c++第1次上机实验-3
- Oracle SQL性能优化
- 我的C++程序
- 自定义媒体播放器
- eclipse,eclipse for php 无法追踪代码
- 第一次试验-2
- struts2拦截器和过滤器区别
- wm_copydata 进城通信
- Java 逆变、协变和类型擦除
- 配置vsftpd.conf-利用本地用来登录
- Spring xml配置文件标头
- SSM框架 SSM项目源码 SSM源码