js 播放器

// HTML 部分
<video id="myVideo" width="600" controls>
  <source src="movie.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>

// JavaScript 部分
const videoPlayer = document.getElementById('myVideo');

// 播放视频
function playVideo() {
  videoPlayer.play();
}

// 暂停视频
function pauseVideo() {
  videoPlayer.pause();
}

// 调整音量
function setVolume(volume) {
  videoPlayer.volume = volume;
}

// 快进或快退
function seekTo(seconds) {
  videoPlayer.currentTime += seconds;
}

// 监听视频播放结束事件
videoPlayer.addEventListener('ended', function() {
  console.log('视频播放结束');
});

// 示例：点击按钮播放视频
document.getElementById('playButton').addEventListener('click', playVideo);

// 示例：点击按钮暂停视频
document.getElementById('pauseButton').addEventListener('click', pauseVideo);

解释说明：

1. HTML 部分：创建了一个 <video> 元素，用于显示和控制视频。controls 属性添加了默认的播放控件（如播放、暂停、音量等）。
2. JavaScript 部分：
   • playVideo() 函数用于播放视频。
   • pauseVideo() 函数用于暂停视频。
   • setVolume(volume) 函数用于设置视频的音量。
   • seekTo(seconds) 函数用于向前或向后跳转指定秒数。
   • 使用 addEventListener 监听视频播放结束事件，并在控制台输出提示信息。
3. 示例按钮：通过点击按钮触发播放或暂停视频的功能。

如果你需要进一步的功能或有其他问题，请告诉我！