播放器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方法和属性

1. 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退出全屏模式