HTML5video视频标签使⽤介绍
HTML <video> 适⽤于HTML 5+，⽤于定义在线观看的视频流媒体。
复制代码
代码如下:
<video width="320" height="240" src="www." controls="controls">
这⾥是注释⽂字，如果⽆法⽀持 HTML 5 浏览器将显⽰这⾥的⽂字。如果⽀持，就直接显⽰视频，忽略⽂字。
</video>
在HTML 4 及以前，如果您想在⽹页中嵌⼊在线观看的视频，⼀般都需要使⽤Flash视频流，通过使⽤ <object> 和 <embed>标签，就可以通过浏览器播放swf、flv等格式视频⽂件，但是前提是浏览器必须安装第三⽅插件：Adobe Flash Player。⽽现代智能⼿机和iPad等⼀般都⽆法⽀持Flash，所以⽆法浏览⽹页上的视频。⽽ HTML 5 改变了这⼀事实，Web开发者只需要使⽤ <video> 标签就可以轻松加载视频⽂件，⽽不需要任何第三⽅插件。
属性值描述
autoplay autoplay如果出现该属性，则视频在就绪后马上播放。
controls controls如果出现该属性，则向⽤户显⽰控件，⽐如播放按钮。
height像素值设置视频播放器的⾼度。
loop loop如果出现该属性，则当媒介⽂件完成播放后再次开始播放。
preload auto/meta/none 规定是否预加载视频，可能的值：auto - 当页⾯加载后载⼊整个视频meta - 当页⾯加载后只载⼊元数据none - 当页⾯加载后不载⼊视频
* src视频地址要播放的视频的 URL，建议使⽤绝对地址。
width像素值设置视频播放器的宽度。
如何写兼容的视频标签？
由于旧的浏览器和Internet Explorer不⽀持<video>元素，考虑到兼容性，我们必须为这些浏览器到⼀个⽀持Flash⽂件的解决⽅案。不幸的是，和HTML 5⾳频⼀样，涉及到视频的⽂件格式，Firefox 和
Safari/Chrome 的⽀持⽅式并不相同。因此，如果你想在这个时候使⽤HTML 5视频，则需要创建三个视频版本。OGG，MP4，FLV/SWF
复制代码
代码如下:
<video width="320" height="240" controls>
<!-- 兼容 Firefox -->
<source src="www.jb51/ " type="video/ogg" />
<!-- 兼容 Safari/Chrome-->
<source src="www.jb51/ movie.mp4" type="video/mp4" />
<!-- 如果浏览器不⽀持video标签，则使⽤flash -->
flash swf播放器<embed src="www.jb51/ movie.swf" type="application/x-shockwave-flash"
width="320" height="240" allowscriptaccess="always" allowfullscreen="true"></embed>
</video>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。