Question

您好我正在建立一个网页我已经拥有其他一切但我不知道如何使用html5嵌入视频？这在我的网站上非常重要，所以非常感谢帮助。

Answer 1

<video id="myMovie" width="640" height="360" poster="video.png"  >
     <source src="20140810_131405.mp4">
</video>

使用视频标签。海报属性是缩略图。显然，源链接到实际的视频文件。

Answer 2

在HTML5之前，视频只能使用插件（如闪光灯）播放。 HTML5元素指定了在网页中嵌入视频的标准方法。

 <video width="420" height="340" controls>
  <source src="sample_movie.mp4" type="video/mp4">
  <source src="sample_movie.ogg" type="video/ogg">
Your browser does not support the video tag.
 </video>

controls属性添加视频控件，例如play, pause, and volume。

始终包含width和height属性是个好主意。

如果未设置height和width，则浏览器不知道视频的大小。效果将是视频加载时页面会发生变化（或闪烁）。

<video>和</video>代码之间的文字只会显示在不支持该元素的浏览器中。

src属性可以是音频文件的URL，也可以是本地系统上文件的路径。多个<source>元素可以链接到不同的视频文件。浏览器将使用第一个识别的格式，换句话说，它将选择第一个适用于它的格式。在上述情况下，如果它识别出type="video/mp4"，它会立即选择那个。（通常会击败不同版本的浏览器）。如果您想自动启动电影，只需使用autoplay属性，如下所示：

 <video width="320" height="240" autoplay>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>

要获得更深入的阅读：w3schools和MDN

如何使用html5嵌入视频？

2 个答案: