当一个页面存在多个视频，如何只让一个视频播放，其他视频暂停，提供一个例子

好的，这里是一个基于JavaScript的例子，可以实现当页面存在多个视频时，只有一个视频播放，其他视频暂停的功能：

<!-- HTML 代码 -->
<video id="video1" src="video1.mp4"></video>
<video id="video2" src="video2.mp4"></video>
<video id="video3" src="video3.mp4"></video>
<button onclick="playVideo('video1')">播放视频1</button>
<button onclick="playVideo('video2')">播放视频2</button>
<button onclick="playVideo('video3')">播放视频3</button>

// JavaScript 代码
function playVideo(videoId) {
  const videos = document.getElementsByTagName('video');
  for (let i = 0; i < videos.length; i++) {
    if (videos[i].id === videoId) {
      videos[i].play();
    } else {
      videos[i].pause();
    }
  }
}

在上面的例子中，我们定义了三个视频和三个按钮，每个按钮都对应着一个视频。当用户点击某个按钮时，会调用 `playVideo` 函数，该函数会遍历所有的视频元素，对于当前点击的视频，调用 `play` 方法播放视频，对于其他视频，调用 `pause` 方法暂停视频。这样就可以实现只有一个视频播放，其他视频暂停的功能了。