HTML: <video> src 属性

由网友 大卫 发布 阅读 6

HTML: <video> src 属性

<video> src 属性的使用方法,src属性指定视频文件的位置(URL),要在Internet Explorer和Safari中播放视频,我们必须使用MPEG4文件。

 HTML <video> 标签

在线示例

在线播放视频:

<video src="movie.ogg" controls>
  Your browser does not support the video tag.
</video>
测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

所有主要浏览器都支持src属性,但是,并非所有浏览器都支持定义的文件格式

注意: Internet Explorer 8 及更早IE版本不支持 <video> 标签。

定义和用法

src属性指定视频文件的位置(URL)。
上面的示例使用Ogg文件,并将在Firefox,Opera和Chrome中运行。
要在Internet Explorer和Safari中播放视频,我们必须使用MPEG4文件。

要使其在所有浏览器中都能正常工作- 在<video>元素内使用 <source> 元素。 <source> 元素可以链接到不同的视频文件。浏览器将使用第一个可识别的格式:

在线示例

<video width="380" height="260" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

HTML 4.01 与 HTML5之间的差异

<video> 标签是 HTML5 新标签。

语法

<video src="URL">

属性值

描述
URL

视频文件的 URL。

可能的值:

  • 绝对 URL - 指向另一个站点(比如 href="http://www.example.com//tags/song.ogg")

  • 相对 URL - 指向网站内的文件(比如 href="/tags/song.ogg")

 HTML <video> 标签

HTML: <tr> charoff 属性 HTML: <video> poster 属性