新思想学习视频合集 - 在线播放 - 常规

<!DOCTYPE html><html lang='en'><head><meta charset='UTF-8'><meta name='viewport' content='width=device-width, initial-scale=1.0'><title>新思想学习视频合集 - 在线播放</title><link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css'></head><body><div class='container'><div class='row'><div class='col-md-8'><h3 >Video Player</h3><video id='videoPlayer' controls style='width: 100%;height: 300px;'><source id='videoSource' src='' type='video/mp4'></video></div><div class='col-md-4'><h3>播放列表</h3><ul class='list-group'><li class='list-group-item' onclick='playVideo('1.新大纲-导论.mp4')'>导论</li><li class='list-group-item' onclick='playVideo('2.新大纲-第一章.mp4')'>第一章</li><li class='list-group-item' onclick='playVideo('3.新大纲-第二章.mp4')'>第二章</li><li class='list-group-item' onclick='playVideo('4.新大纲-第三章.mp4')'>第三章</li></ul></div></div></div><script>function playVideo(videoUrl) {var videoSource = document.getElementById('videoSource');videoSource.src = videoUrl;var videoPlayer = document.getElementById('videoPlayer');videoPlayer.load();videoPlayer.play();}</script></body></html>