播放器video标签"/>
播放器video标签
播放器video标签
video标签的属性
src:媒体资源的来源
poster:视频封面,视频没有播放时的封面
preload:预加载
autoplay:自动播放
loop:循环播放
control:浏览器自带的控制条
width、height:在video中,为自带的属性
以上属性皆可以用js来控制;
<video id="mp4" src="./MP4/le.mp4"></video>//为原始代码
可往上加其自带属性
<video id="mp4" src="./MP4/le.mp4" controls width="400px" heigt="400px" loop>
</video>
在这里我们用js来控制video:
<input type="range" id="btntime" value="0" max="100"/>//设置自己想要的进度条样式
Media方法和属性
- Media.currentTime = value 当前播放的位置,赋值可以改变其位置
关于在谷歌浏览器中设置当前时间失效的问题,由于idea自带server在播放本地音频,soundmanager setPosition时自动归零,此时可以改变路径为服务器路径
2.Media.startTime 开始时间 如果不从0开始播放即不为0
3.Media.duration 该视频的总时间
4.Media.playbackRate 当前的播放速度,赋值后即刻执行最新速度
5.Media.pause 是否暂停
6.Media.defaultPlaybackRate 默认的回放速度
7.Media.played 返回已经播放的区域
8.Media.ended; 是否结束
9.Media.play(); 播放
10.Media.muted 是否静音
11.Media.volume = value 音量大小,范围为[0,1]
12.Media.RequestFullScreen 全屏,全屏后默认Esc退出全屏模式
更多推荐
播放器video标签
发布评论