您的位置:首页 > Web前端 > HTML5

HTML5音频,视频播放

2015-03-02 14:17 441 查看
1.此方法可支持多种浏览器

<audio controls="controls">
<source src="1.mp3" ></source>
<source src="1.ogg" ></source>
</audio>
<video controls="controls">
<source src="1.MP4" ></source>
<source src="1.ogv" ></source>
</video>


  

如果浏览器能够识别1.MP3它就会播放第一个;否则它就会播放1.ogg。
属性:
1.controls="controls":加上这个属性后就有控制播放的按钮了;
2.autoplay="autoplay": 自动播放;
3.loop="loop":循环播放;
4.poster="图片的地址路径":未播放时展示的不是第一帧而是该图片;
5.height,width:设置高和宽;
方法:
6.其他按钮控制视频播放:video.play()方法,暂停 -> video.pause();
7.视频进度 :当前时间 -> video.currentTime , 总时间轴 -> video.duration;
8.视频的声音总量是1:当前的声音大小 -> video.volume
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: