New perspectives on html5 and css3 – 7th edition

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 

Need your ASSIGNMENT done? Use our paper writing service to score better and meet your deadline.


Click Here to Make an Order Click Here to Hire a Writer