jQuery视频播放器：实现在网页中播放视频的插件和方法

<!-- HTML结构 -->
<video id="video-player" controls>
  <source src="video.mp4" type="video/mp4">
  <source src="video.webm" type="video/webm">
  <!-- 其他视频格式 -->
</video>

<!-- 引入jQuery -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<!-- JavaScript代码 -->
<script>
  $(document).ready(function() {
    // 获取视频播放器元素
    var videoPlayer = $('#video-player')[0];

    // 点击播放按钮开始播放视频
    $('#play-btn').on('click', function() {
      videoPlayer.play();
    });

    // 点击暂停按钮暂停视频播放
    $('#pause-btn').on('click', function() {
      videoPlayer.pause();
    });

    // 设置音量滑动条控制音量
    $('#volume-slider').on('input', function() {
      var volume = $(this).val();
      videoPlayer.volume = volume;
    });

    // 点击全屏按钮进入/退出全屏模式
    $('#fullscreen-btn').on('click', function() {
      if (videoPlayer.requestFullscreen) {
        videoPlayer.requestFullscreen();
      } else if (videoPlayer.mozRequestFullScreen) {
        videoPlayer.mozRequestFullScreen();
      } else if (videoPlayer.webkitRequestFullscreen) {
        videoPlayer.webkitRequestFullscreen();
      } else if (videoPlayer.msRequestFullscreen) {
        videoPlayer.msRequestFullscreen();
      }
    });
  });
</script>