html5中的视频格式
2013-01-11 16:51
351 查看
如需在HTML5 中显示视频,您所有需要的是:
<video src="movie.ogg" controls="controls"> </video>
control 属性供添加播放、暂停和音量控件。
包含宽度和高度属性也是不错的主意。
<video> 与</video> 之间插入的内容是供不支持video 元素的浏览器显示的:
实例 <video src="movie.ogg" width="320" height="240" controls="controls"> Your browser does not support the video tag. </video>
上面的例子使用一个Ogg 文件,适用于Firefox、Opera 以及Chrome 浏览器。 要确保适用于Safari 浏览器,视频文件必须是MPEG4 类型。 video 元素允许多个source 元素。source 元素可以链接不同的视频文件。浏览器将使用第 一个可识别的格式。
<video> 标签的属性 属性值描述 autoplay autoplay 如果出现该属性,则视频在就绪后马上播放。
controls controls 如果出现该属性,则向用户显示控件,比如播放按钮。
height pixels 设置视频播放器的高度。
loop loop 如果出现该属性,则当媒介文件完成播放后再次开始播放。
preload preload 如果出现该属性,则视频在页面加载时进行加载,并预备播放。
如果使用"autoplay",则忽略该属性。
src url 要播放的视频的URL。
width pixels 设置视频播放器的宽度。
<video src="movie.ogg" controls="controls"> </video>
control 属性供添加播放、暂停和音量控件。
包含宽度和高度属性也是不错的主意。
<video> 与</video> 之间插入的内容是供不支持video 元素的浏览器显示的:
实例 <video src="movie.ogg" width="320" height="240" controls="controls"> Your browser does not support the video tag. </video>
上面的例子使用一个Ogg 文件,适用于Firefox、Opera 以及Chrome 浏览器。 要确保适用于Safari 浏览器,视频文件必须是MPEG4 类型。 video 元素允许多个source 元素。source 元素可以链接不同的视频文件。浏览器将使用第 一个可识别的格式。
<video> 标签的属性 属性值描述 autoplay autoplay 如果出现该属性,则视频在就绪后马上播放。
controls controls 如果出现该属性,则向用户显示控件,比如播放按钮。
height pixels 设置视频播放器的高度。
loop loop 如果出现该属性,则当媒介文件完成播放后再次开始播放。
preload preload 如果出现该属性,则视频在页面加载时进行加载,并预备播放。
如果使用"autoplay",则忽略该属性。
src url 要播放的视频的URL。
width pixels 设置视频播放器的宽度。
相关文章推荐
- HTML5的视频格式之争
- html5支持的视频格式
- HTML5的video标签,视频在网页播放没有画面只有声音,支持的格式,MP4,
- ckplayer实现mp4等html5支持格式视频的网页播放
- 2. HTML5 视频 (视频格式, tag)重要属性试验??
- FFmpeg转HTML5支持的视频格式
- HTML5的视频格式之争
- HTML5的视频格式之争
- HTML5的视频格式之争
- html5当中支持的视频格式
- 写了个html5播放视频的video控件,只支持mp4和3gp(android和ios默认支持的格式就写了这个)
- HTML5 上播放视频格式兼容性
- html5音视频格式
- Html5 播放Hls格式视频
- html5的视频格式支持
- FFmpeg转HTML5支持的视频格式
- HTML5的视频格式之争
- 让Chrome的HTML5 video/audio tag支持更多种音视频格式
- HTML5的视频格式之争
- HTML5 之前的视频播放格式