如何使用html5嵌入视频？

问题描述：

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

Youtube有一些信息（https://www.youtube.com/html5）也是基础知识（http://www.html5rocks.com/en/tutorials/video/basics/） – jeff

答

在HTML5之前，视频只能使用插件（如Flash）播放。 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

答

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

。海报属性是缩略图图片。很明显，源代码链接到实际的视频文件。

如何使用html5嵌入视频？

相关推荐