HTML5使用video元素插入视频

　　HTML5提供了使用video元素来插入视频的方法,利用video元素可以很方便的插入视频,从而降低对flash控制的依赖。以前在网页中插入视频是通过插件（比如 Flash）来显示的。然而，并非所有浏览器都拥有同样的插件。以下是青锋建站给大家分享的H5如何在网页中插入视频。

video元素的基本格式

<video width="320" height="240"　src="school.ogg" controls="controls">
</video>
　　width属性用来设置视频的宽度；height元素用来设置视频的高度；src属性用来包含视频的完整URL路径,controls属性用来向用户显示控件，比如播放按钮等。

video元素兼容性考虑

<video width="320" height="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> 　　
　　由于并不是所有浏览器对一种视频格式完美支持，考虑到H5设计的兼容性，可以让video元素包含多个相同内容的视频格式，当使用不同的浏览器打开时就可以自动加载所支持的格式。 当所有格式都不支持时，显示“Your browser does not support the video tag”。Internet Explorer 8 不支持 video 元素。在 IE 9 中，将提供对使用 MPEG4 的 video 元素的支持。
　　以上就是青锋建站给大家分享的H5如何在网页中插入视频，青锋建站，提供专业的高品质网站制作服务，包括网站建设，SEO，网络营销，PHP开发，网站建设知名品牌，全国接单，为企业构建强有力的营销平台。

 

转载请注明来源网址：青锋建站-http://www.sjzphp.com/webdis/h5video.html