跳至主要內容

视频相关


视频相关

HTML5 中的<video>元素是一种用来嵌入视频内容的标签,它可以让开发者轻松地将视频嵌入到网页中,而无需使用第三方插件或播放器。<video>元素支持多种视频格式,如MP4、WebM和Ogg等,并且可以使用JavaScript控制视频的播放、暂停、音量等参数。

使用 <video> 元素时,可以通过以下几个属性来设置视频的属性:

  • src:指定视频文件的 URL。
  • controls:表示是否显示视频控制栏。如果设置为 controls,则会在视频下方显示播放/暂停、音量、全屏等控制按钮。
  • autoplay:表示是否自动播放视频。如果设置为 autoplay,则在页面加载完成后会自动播放视频。
  • loop:表示是否循环播放视频。如果设置为 loop,则视频播放完毕后会重新开始播放。
  • muted:表示是否静音播放视频。如果设置为 muted,则视频会静音播放。
  • poster:指定视频未播放时显示的占位图像。
视频标签示例
<!DOCTYPE html>
<html>
<head>
<metacharset="utf-8">
<title>Video标签</title>
</head>
<body>
<video width="320" height="240" controls>
  <source src="/static/front-end/html5/mountains.mp4" type="video/mp4">
  您的浏览器不支持HTML5 video标签。
</video>
</body>
</html>
上次编辑于:
贡献者: Neil