視訊標題或背景

新增將在迴圈中自動播放但沒有控制元件或聲音的視訊。適合視訊標題或背景。

<video width="1280" height="720" autoplay muted loop poster="video.jpg" id="videobg">
  <source src="video.mp4" type="video/mp4">
  <source src="video.webm" type="video/webm">
  <source src="video.ogg" type="video/ogg">
</video>

如果無法載入視訊,此 CSS 提供後備。請注意,建議使用視訊的第一幀作為海報 video.jpg。

#videobg {
  background: url(video.jpg) no-repeat;
  background-size: cover;
}