HTML | DOM 视频 pause() 方法

简介

在 HTML | DOM 中，pause() 方法用于暂停正在播放的视频。该方法是 HTMLMediaElement 接口的一部分，用于处理视频和音频。

语法

videoObject.pause()

参数

该方法不接受任何参数。

返回值

该方法没有返回值。

描述

pause() 方法可用于暂停视频的播放。当调用该方法时，视频将停止播放，并且将暂时保持在暂停的位置。

示例

以下示例展示了如何使用 pause() 方法暂停视频的播放：

<video id="myVideo" controls>
  <source src="video.mp4" type="video/mp4">
  Your browser does not support HTML video.
</video>

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

<script>
  function pauseVideo() {
    var video = document.getElementById("myVideo");
    video.pause();
  }
</script>

在上面的示例中，我们首先创建了一个带有控制按钮的视频元素。然后，通过调用 pauseVideo() 函数来暂停视频的播放。

兼容性

pause() 方法在所有主流浏览器中都得到支持。以下是一些常见的浏览器和其兼容性：

• Google Chrome：支持
• Mozilla Firefox：支持
• Safari：支持
• Microsoft Edge：支持
• Internet Explorer：不支持

注意事项

• 该方法只能用于视频和音频元素，不能用于其他 HTML 元素。
• 如果视频已经处于暂停状态，再次调用 pause() 方法将不会产生任何效果。
• 若要重新开始视频的播放，可以使用 play() 方法。

参考链接

• HTMLMediaElement.pause() - MDN Web 文档