Hit PLAY in bar at base of PHOTO

MOBILE PHONE TIP: MUST REQUEST DESKTOP WEBSITE

#### HTML ``html

`` #### CSS (styles.css) ```css .media-player { max-width: 600px; margin: 20px auto; text-align: center; } video, audio { width: 100%; margin-top: 10px; } ``` #### JavaScript (script.js) ```javascript document.addEventListener('DOMContentLoaded', function() { const videoPlayer = document.getElementById('videoPlayer'); const videoSource = document.getElementById('videoSource'); const audioPlayer = document.getElementById('audioPlayer'); const audioSource = document.getElementById('audioSource'); const videoPlaylist = ['video1.mp4', 'video2.mp4', 'video3.mp4']; const audioPlaylist = ['audio1.mp3', 'audio2.mp3', 'audio3.mp3']; let currentVideoIndex = 0; let currentAudioIndex = 0; videoPlayer.addEventListener('ended', () => { currentVideoIndex = (currentVideoIndex + 1) % videoPlaylist.length; videoSource.src = videoPlaylist[currentVideoIndex]; videoPlayer.load(); videoPlayer.play(); }); audioPlayer.addEventListener('ended', () => { currentAudioIndex = (currentAudioIndex + 1) % audioPlaylist.length; audioSource.src = audioPlaylist[currentAudioIndex]; audioPlayer.load(); audioPlayer.play(); }); }); ```