2. HTML5 视频 (视频格式, tag)重要属性试验??
2013-07-24 15:46
573 查看
一: 视频格式
(1) Ogg.
(2) MPEG 4.
(3) WebM.
二: TAG。
<video> </video>
重要属性
(1) src.
(2) controls. (提供播放, 暂停, 音量控件)。
(3) width, heght.
(4) autoplay.
注意: <video>和</video>之间的内容是供不支持<video>元素的浏览器显示的。
为了让多种浏览器支持, <video>允许多个source元素, source元素可以链接不同的视频文件。 浏览器将使用第一个可识别的格式:
<video width = "320" heght = "240" controls = "controls">
<source src = "movie.ogg" type = "video/ogg" />
<source src = "movie.mp4" type = "video/mp4" />
Your browser does not support the video tag.
</video>
三: <video> 标签的属性。
1: autoplay 如果出现该属性, 则视频在就绪后马上播放。
2: controls 如果出现该属性, 则向用户显示控件, 比如播放按钮。
3: loop 如果出现该属性, 则当媒介文件完成播放后再次开始播放。
4: preload 如果出现该属性, 则视频在页面加载时进行加载, 并预备播放。
5:
(1) Ogg.
(2) MPEG 4.
(3) WebM.
二: TAG。
<video> </video>
重要属性
(1) src.
(2) controls. (提供播放, 暂停, 音量控件)。
(3) width, heght.
(4) autoplay.
注意: <video>和</video>之间的内容是供不支持<video>元素的浏览器显示的。
为了让多种浏览器支持, <video>允许多个source元素, source元素可以链接不同的视频文件。 浏览器将使用第一个可识别的格式:
<video width = "320" heght = "240" controls = "controls">
<source src = "movie.ogg" type = "video/ogg" />
<source src = "movie.mp4" type = "video/mp4" />
Your browser does not support the video tag.
</video>
三: <video> 标签的属性。
1: autoplay 如果出现该属性, 则视频在就绪后马上播放。
2: controls 如果出现该属性, 则向用户显示控件, 比如播放按钮。
3: loop 如果出现该属性, 则当媒介文件完成播放后再次开始播放。
4: preload 如果出现该属性, 则视频在页面加载时进行加载, 并预备播放。
5:
相关文章推荐
- 让Chrome的HTML5 video/audio tag支持更多种音视频格式
- html5视频video标签的使用格式和属性
- HTML5的视频格式之争
- HTML5 video 视频标签 常用属性
- HTML5 上播放视频格式兼容性
- html5 总结-新增重要标签及属性
- video.js 中的属性和原生HTML5视频播放
- FFmpeg转HTML5支持的视频格式
- ckplayer实现mp4等html5支持格式视频的网页播放
- html5中的视频格式
- Html5新属性audio音频和video视频的控制详解(controls)
- html5 中简单视频音频制作---新添h5属性
- 【HTML5入门教程二】HTML5 视频属性的技巧分享
- html5的视频格式支持
- HTML5的视频格式之争
- JS控制HTML5媒体播放与暂停,及Chrome兼容的视频格式
- 【视频】javascript中event对象的几个重要的属性
- HTML5 视频标签的方法、属性和事件
- html5的video标签支持的视频格式
- HTML5中需要转换的视频格式