零基础建站教程介绍

VIP会员课程

HTML5之video标签

以前的网站上的视频播放需要依靠FLASH,自从HTML5出现之后,它带来了一个全新的视频播放标签video。以后我们可以使用VIDEO来定义视频,比如电影片段或其他视频流。

最重要的是,Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari都支持 <video> 元素。

使用方法


<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
您的浏览器不支持Video标签。
</video>

<video> 元素提供了 播放、暂停和音量控件来控制视频。

同时 <video> 元素也提供了 width 和 height 属性控制视频的尺寸.如果设置的高度和宽度,所需的视频空间会在页面加载时保留。如果没有设置这些属性,浏览器不知道大小的视频,浏览器就不能再加载时保留特定的空间,页面就会根据原始视频的大小而改变。

发表评论

零基础学建站就到学做网站论坛