Training Guide: Programming in HTML5 with JavaScript and CSS3 Ebook

Lesson 1: Playing video CHAPTER 11 439 In this example, the <video> element size is set to 320 pixels by 240 pixels. The c ...

440 CHAPTER 11 HTML5 supports multimedia FIGURE 11-1 he Firefogg screen prompting for .webm or .ogv file typeT FIGURE 11-2 he Mi ...

Lesson 1: Playing video CHAPTER 11 441 Configuring the element The <video> element can be configured to provide the behav ...

442 CHAPTER 11 HTML5 supports multimedia Using the WebVTT format WebVTT format is very simple. The file starts with a declaratio ...

Lesson 2: Playing audio CHAPTER 11 443 ■■It’s best to provide multiple video sources to be compatible with most browsers. ■■Use ...

444 CHAPTER 11 HTML5 supports multimedia Much of the content in this lesson is similar to that of the <video> element; the ...

Lesson 2: Playing audio CHAPTER 11 445 In this example, the <audio> element is configured with the controls attribute, whi ...

446 CHAPTER 11 HTML5 supports multimedia ■■preload pecifies how the audio should be loaded when the page loads. It can be set S ...

Lesson 3: Using the HTMLMediaElement object CHAPTER 11 447 A. .mp4 B. .wav C. .h264 D. .oga Lesson 3: Using the HTMLMediaElement ...

448 CHAPTER 11 HTML5 supports multimedia ■■buffered Gets a reference to the TimeRanges object that represents the buffered parts ...

Lesson 3: Using the HTMLMediaElement object CHAPTER 11 449 ■■tex tTracks Gets a reference to a TextTrackList object that represe ...

450 CHAPTER 11 HTML5 supports multimedia Using media control Given that HTMLMediaElement has many methods, properties, and event ...

Lesson 3: Using the HTMLMediaElement object CHAPTER 11 451 } } In the default.js file, the document ready method is added with t ...

452 CHAPTER 11 HTML5 supports multimedia C. onplay D. onloadeddata Practice exercises If you encounter a problem completing any ...

Practice exercises CHAPTER 11 453 <script src="Scripts/jquery-1.8.3.js"></script> <script src="Scripts/default.js ...

454 CHAPTER 11 HTML5 supports multimedia border-style: groove; width: 900px; height: 600px; margin-right: auto; margin-left: aut ...

Suggested practice exercises CHAPTER 11 455 Suggested practice exercises The following additional exercises are designed to give ...

456 CHAPTER 11 HTML5 supports multimedia Answers This section contains the answers to the lesson review questions in this chapte ...

Answers CHAPTER 11 457 Correct answers: A, B, and D A. Correct: The .mp4 format is becoming popular on the latest browsers. B. ...

...