如何在HTML5页面中嵌入视频?

在HTML5中,我们可以使用<video>标签来嵌入视频。这是一个基本的例子:

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  您的浏览器不支持 video 标签。
</video>

在这个例子中,<video>标签创建了一个视频播放器,controls属性添加了播放、暂停、音量等控制功能。

widthheight属性用于设置视频播放器的尺寸。

<source>标签用于指定视频文件的来源,src属性定义了视频文件的URL,type属性定义了视频文件的格式。

如果用户的浏览器不支持<video>标签,那么它会显示标签内部的内容,即”您的浏览器不支持 video 标签。”

需要注意的是,不同的浏览器可能支持不同的视频格式,因此可能需要提供多种格式的视频文件,以确保在所有浏览器中都可以播放。例如,如果浏览器不支持MP4格式,它会尝试加载OGG格式的视频文件。

发表评论

后才能评论