介绍
在现代网页开发中，视频已经成为一个重要的元素。对于网站的访问者来说，视频可以丰富他们的互联网体验，并帮助他们更好地理解你的品牌、产品和服务。HTML5使得在网页上嵌入视频变得简单。随着HTML5的发展，视频嵌入变得非常容易，只需要几行基本的代码即可。
选择视频格式
在HTML5中，可以使用两种视频格式：MP4和WebM。虽然支持这些格式的浏览器数量很多，但要考虑到不支持这些格式的浏览器。对于这些浏览器，可以使用Flash作为备用方案。
MP4格式
MP4是一种常见的视频格式，主要在苹果设备上使用（例如iPhone和iPad）。大多数视频编辑软件都支持将视频导出为MP4格式，因此，使用MP4格式是一个普遍的选择。
WebM格式
WebM是更小的视频格式，适用于网络上共享的视频。由于其高度压缩的特性，此格式在视频的传输和共享方面很受欢迎。
编写HTML代码
当您选择了一个视频格式并准备将其放入网页中时，您应该编写HTML代码，以便您的视频可以在网页上正确地显示。
下面给出一个使用MP4格式的视频嵌入代码示例：
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
这段代码中，您可以看到play、pause、以及音量控件(video attributes){
width: 播放器的宽度（像素）
height: 播放器的高度（像素）
controls: 显示播放器控件
}controls作为HTML5 video元素的一个属性，以便访问者可以通过这些控件在网页上查看视频。video标记之间的代码是用于兼容性的备用代码。如果浏览器不支持MP4或Ogg格式，浏览器将显示位于标记之间的文本。
请注意，必须使用源标记（source tag）来指定视频文件。在上面的代码中，您可以看到源标记，每一个标记都提供一个文件路径和一个文件类型（mime类型或文件扩展名）。在这里，默认先检测mp4格式是否支持，如果不支持则尝试ogg。如果两种格式都不支持，则显示后面的文本。
添加视频标题和描述
除了将视频插入网页，您还可以添加标题和描述。这些元素将有助于提高SEO并使搜索引擎更好地理解您的视频。
有两种方法可以添加标题和描述：
方法一：加入含义
在HTML5 video元素中，可以使用title元素添加标题：
<video controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
<title>My video</title>
<description>A short video about my website.</description>
</video>
方法二：使用schema.org协议
使用schema.org协议是一个更好的方法，因为可以将制片人、发布日期、时长等详细信息与视频相关联。使用schema.org，还可以将这些信息发送到搜索引擎，以便在搜索结果中显示详细信息。
schema.org协议可以添加到video元素上。以下是一个基本示例：
<video controls itemprop="video" itemscope itemtype="http://schema.org/VideoObject">
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
<meta itemprop="url" content="http://www.example.com/movie.mp4">
<meta itemprop="thumbnailUrl" content="http://www.example.com/movie.jpg">
<meta itemprop="name" content="My video">
<meta itemprop="description" content="A short video about my website.">
<meta itemprop="duration" content="T1M33S">
<meta itemprop="datePublished" content="2017-07-04">
<meta itemprop="uploadDate" content="2014-07-04T23:03:15Z">
</video>
这个示例使用了video元素的itemprop属性来指示该元素是与schema.org VideoObject相关的。随后是使用meta元素添加的标题、描述、URL、缩略图等属性。
总结
在HTML5中，可以使用两种视频格式（MP4和WebM）将视频嵌入网页。使用HTML5的video元素，可以将视频轻松地嵌入到任何网页中，并且添加标题和描述很方便。通过使用schema.org协议，可以将标题、描述、URL等详细信息与视频进行关联，向搜索引擎发送信息，以便在搜索结果中显示详细信息。