在 HTML5 中,使用 <video> 元素可以将视频嵌入到网页中。以下是一个简单的示例:
<video width="640" height="360" controls>
  <source src="video.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>

上述代码包含了一个 <video> 元素,其中的 width 和 height 属性用于设置视频播放器的宽度和高度。controls 属性会在浏览器中显示视频播放器的控件,包括播放、暂停、音量等。<source> 元素用于指定视频文件的源和类型,可以提供多个 <source> 元素以便浏览器选择支持的第一个源。

如果浏览器不支持 <video> 元素,会显示 "Your browser does not support the video tag."。

如果你想通过 JavaScript 控制视频的播放,可以使用以下方式:
<video id="myVideo" width="640" height="360" controls>
  <source src="video.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>

<button onclick="playVideo()">Play</button>
<button onclick="pauseVideo()">Pause</button>

<script>
  var video = document.getElementById("myVideo");

  function playVideo() {
    video.play();
  }

  function pauseVideo() {
    video.pause();
  }
</script>

这里,通过给 <video> 元素设置一个 id,然后使用 JavaScript 获取该元素,并通过 play() 和 pause() 方法来控制视频的播放和暂停。


转载请注明出处:http://www.zyzy.cn/article/detail/12498/HTML5