HTML Video and Audio
How is an audio embedded into HTML using the source method?
<audio controls> <source src="audio.mp3" type="audio/mp3"> </audio>
Where can we find all of the parameters MediaElement.js can accept in its mediaelementplayer() method?
At the following link: https://github.com/mediaelement/mediaelement/blob/master/docs/api.md#player
Where should the MediaElement.js plugin javascript files be placed on the HTML page?
Below the mediaelement-and-player.min.js script tag but before the script tags where the player configurations are loaded.
How can I tag the video and audio elements on the page for MediaElement.js to apply its formatting to?
By adding the class="mejs__player" to the audio or video element tags. Or by selecting them using a jquery such as the following: $('video, audio').mediaelementplayer();
How do you add extra features to MediaElement.js?
By going to the plugins page from the MediaElements.js website.
What is another way to embed video on a page where multiple video sources are specifically defined?
<video contro> <source src="http://treehouse-code-samples.s3.amazonaws.com/html-video-and-audio/bridge.mp4" type="video/mp4"> <source src="http://treehouse-code-samples.s3.amazonaws.com/html-video-and-audio/bridge.ogg" type="video/ogg"> </video>
What tag can be added to the video element for the video to autoplay?
<video src="VIDEO_URL_HERE.mp4" type="video/mp4" autoplay/>
What tag can be added to the video element to display play back controls for the video?
<video src="VIDEO_URL_HERE.mp4" type="video/mp4" controls/>
What element allows for native HTML videos to display on a page?
<video src="VIDEO_URL_HERE.mp4" type="video/mp4"/>
How is a caption file added to to the video file?
Add a track element inside the video tag: <video controls> <source src="source.mp4" type="video/ogg"> <track label="My caption label" kind="subtitles" srclang="en" src="caption-file.vtt" default> </video>
Where can you find the all the different attributes the video element can take?
MDN documentations https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video
What Javascript plugin can be used to enhance the default video player?
MediaElement.js
What are the 2 file formats that video captions use?
WebVTT and SRT
How do we apply the MediaElement.js look and feel to current video and audio elements?
by adding the class="mejs__player" to the video / audio tags.
Where can you download the js, css, and svg files needed for MediaElement.js?
http://www.mediaelementjs.com/
Which files are needed for MediaElements.js to work properly?
jquery.js mediaelement-and-player.min.js mediaelementplayer.css mejs-controls.svg
How would you add the play / pause feature to the mediaelementplayer() method?
mediaelementplayer({ features: ['playpause'], })
