码迷,mamicode.com
首页 > Web开发 > 详细

HTML5音频,视频播放

时间:2015-03-02 14:41:03      阅读:136      评论:0      收藏:0      [点我收藏+]

标签:

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

HTML5音频,视频播放

标签:

原文地址:http://www.cnblogs.com/zzq-include/p/4308665.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!