足球是世界上最受欢迎的运动之一，它能激发人们的热情和兴奋。现在，你可以通过实时视频直播，在任何地方观看最激烈的足球比赛，享受前所未有的视觉盛宴。 播放/暂停 后退 前进 全屏 <script> // 定义视频播放器的变量const videoPlayer = document.querySelector('.video-player');// 定义控制按钮的变量const playPauseButton = document.getElementById('play-pause');const rewindButton = document.getElementById('rewind');const forwardButton = document.getElementById('forward');const fullScreenButton = document.getElementById('full-screen');// 定义视频的状态变量let isPlaying = false;let currentTime = 0;// 创建视频播放器对象const player = new VideoPlayer(videoPlayer);// 播放/暂停视频playPauseButton.addEventListener('click', () => {isPlaying ? player.pause() : player.play();});// 后退视频rewindButton.addEventListener('click', () => {player.rewind(10);});// 前进视频forwardButton.addEventListener('click', () => {player.forward(10);});// 全屏播放视频fullScreenButton.addEventListener('click', () => {player.toggleFullScreen();});// 更新视频状态videoPlayer.addEventListener('timeupdate', () => {currentTime = player.getCurrentTime();});// 视频播放结束时，自动暂停videoPlayer.addEventListener('ended', () => {player.pause();});// 自定义视频播放器类class VideoPlayer {constructor(videoPlayer) {this.videoPlayer = videoPlayer;}play() {this.videoPlayer.play();isPlaying = true;playPauseButton.textContent = '暂停';}pause() {this.videoPlayer.pause();isPlaying = false;playPauseButton.textContent = '播放';}rewind(seconds) {this.videoPlayer.currentTime -= seconds;}forward(seconds) {this.videoPlayer.currentTime += seconds;}getCurrentTime() {return this.videoPlayer.currentTime;}toggleFullScreen() {if (!document.fullscreenElement) {this.videoPlayer.requestFullscreen(); } else {document.exitFullscreen();}}} </script>
