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 

Calculate your order
Pages (275 words)
Standard price: $0.00
Client Reviews
4.9
Sitejabber
4.6
Trustpilot
4.8
Our Guarantees
100% Confidentiality
Information about customers is confidential and never disclosed to third parties.
100% Originality
The main foundation of any academic writing company is offering 100% originality in their orders. Make your order today and benefit from anti-plagiarized papers.
Customer Support 24/7
You can rest assured that our customer support team is consistently available to solve any difficulties and take your orders 24/7.
Money Back
If you're confident that a writer didn't follow your order details, ask for a refund.

Calculate the price of your order

You will get a personal manager and a discount.
We'll send you the first draft for approval by at
Total price:
$0.00
Power up Your Academic Success with the
Team of Professionals. We’ve Got Your Back.
Power up Your Study Success with Experts We’ve Got Your Back.