要在 HTML 中嵌入视频,可以使用
<video src="myvideo.mp4" width="640" height="360" controls>
Your browser does not support the video tag.
</video>
在上面的示例中,src 属性指定了视频文件的 URL 地址,width 和 height 属性指定了视频播放器的宽度和高度。控件条使用 controls 属性启用,并在视频不能播放时显示备用内容。
还可以通过其他属性来调整视频的各种设置。其中,preload 属性指定是否预加载视频(例如,在页面加载时启动下载),poster 属性指定播放器界面上要显示的封面图像,autoplay 属性指定是否自动播放视频等等。
需要注意的是,为确保视频能够在多个浏览器上播放,推荐同时提供多种格式的视频文件(例如 mp4、webm 和 ogv 等)。 在
<video width="640" height="360" controls>
<source src="myvideo.mp4" type="video/mp4">
<source src="myvideo.webm" type="video/webm">
<source src="myvideo.ogv" type="video/ogg">
Your browser does not support the video tag.
</video>
上面这段 HTML 代码中,我们为同一个视频提供三种不同格式的视频文件(分别是 mp4、webm 和 ogv),并使用 type 属性指定了每个文件的 MIME 类型。浏览器将自动选择支持的格式进行播放。