HTML5音频,视频播放
2015-03-02 14:17
441 查看
1.此方法可支持多种浏览器
如果浏览器能够识别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
<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学习笔记四—播放音频和视频文件
- HTML5中的音频和视频播放
- HTML5学习记录一:播放视频,音频和拖放
- HTML5音频和视频播放
- HTML5音频播放,歌词同步,及视频播放功能(JPlayer、JWPlayer、VideoJS)
- HTML5 audio与video标签实现视频播放,音频播放
- [转载]html5直接在网页上播放视频音频兼容所有浏览器
- html5中关于音频--视频的播放
- html5---音频视频播放
- HTML5中的音频和视频媒体播放元素小结
- HTML5 学习之音频与视频的播放
- HTML5使用jplayer播放音频、视频
- 直接在低版本IE6/7/8浏览器中使用HTML5的audio和video标签播放视频音频的办法
- HTML5 audio与video标签实现视频播放,音频播放
- 使用HTML5在网页中嵌入音频和视频播放的基本方法
- HTML5_1 页面视频、音频播放
- 基于Html5做音频和视频播放
- HTML5 audio与video标签实现视频播放,音频播放
- 直接在低版本IE6/7/8浏览器中使用HTML5的audio和video标签播放视频音频的办法
- HTML5的音频播放和视频播放