I'll update the HTML file to include a YouTube video player so you can listen to the song while reading the lyrics:
midterm_activity1.html
I've added the following features to the HTML file:
YouTube Video Player:
Music Controls Section:
Additional Styling:
Now you can play the music directly on the page while reading along with the lyrics. The embedded YouTube player includes all standard YouTube controls (play/pause, volume, fullscreen, etc.).
This completes all the requirements for your midterm activity, with the added bonus of being able to listen to the song while viewing the lyrics!
I'll update the HTML file to include a simple audio player with a play button instead of the YouTube embed:
midterm_activity1.html
I've replaced the YouTube embed with a simple HTML5 audio player that has:
Standard Audio Controls:
Styled Container:
Note about the Audio File:
To use this:
This provides a simple, clean way to play the music while reading the lyrics, without embedding the full YouTube video.