Tutorial 8 –  Case Problem 1 Complete the following: 1. Using your editor, open the ws_jfk_txt.html, ws_media_txt.css, and ws_captions_txt.vtt files from the html08 c case1 folder. Enter your name and the date in the comment section of each file, and save them as ws_jfk.html, ws_media.css, and ws_captions.vtt files respectively. 2. Go to the ws_jfk.html file in your editor. Insert a link to the ws_media.css style sheet file. Take some time to study the content and structure of the document. 3. Scroll down to the article element and directly below the h1 heading, insert a video clip with the controls enabled, displaying the poster image ws_jfk_poster.png file. Add two possible sources to the video clip: ws_jfk_speech.mp4 and ws_jfk_speech.webm, including the mime-type for each video source. 4. After the two video sources, add a captions track with the label Speech Captions using the source file ws_captions.vtt. If the browser does not support embedded video, display the paragraph: To play this video clip, your browser needs to support HTML5

The task at hand involves editing and modifying multiple files within the html08 c case1 folder. Upon opening the ws_jfk_txt.html, ws_media_txt.css, and ws_captions_txt.vtt files, the first step is to enter your name and the date in the comment section of each file. These files should then be saved as ws_jfk.html, ws_media.css, and ws_captions.vtt files, respectively.

Moving on, the next step is to open the ws_jfk.html file in your editor and insert a link to the ws_media.css style sheet file. Take some time to carefully analyze and understand the content and structure of the document.

Once you have familiarized yourself with the document, scroll down to the article element. Right below the h1 heading, you need to insert a video clip with the controls enabled, which will display the poster image from the ws_jfk_poster.png file. Additionally, you need to add two possible sources to the video clip: ws_jfk_speech.mp4 and ws_jfk_speech.webm. It is important to include the correct mime-type for each video source.

After adding the two video sources, the next step is to add a captions track with the label “Speech Captions” using the source file ws_captions.vtt. This will allow for the display of captions during the video playback. However, it is essential to account for the possibility that the browser being used may not support embedded video. In such cases, you should include a paragraph stating: “To play this video clip, your browser needs to support HTML5.”

In conclusion, this tutorial has provided a step-by-step guide on how to complete case problem 1. By following the instructions outlined above, you will be able to successfully make the necessary modifications and additions to the specified files.