Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML HTML Video and Audio (Retired) Custom Media Players Adding MediaElement.js

kabir k
PLUS
kabir k
Courses Plus Student 18,036 Points
Posted by kabir k
kabir k
Courses Plus Student 18,036 Points

How did they make the simple-video.html and the media-element.html work together?

How did they make the simple-video.html and the media-element.html work together? I mean, how are they linked together so that they can work together?

Also, how do I add the media-element.html and/or the simple-video.html to the index.html of my site?

Like for instance, to add the caption file (bridge-captions.vtt) we created, we added it via the src attribute of the track element? Is there something similar for the simple-video.html and the media-element.html?

1 Answer

Alan Mattanó
PLUS
Alan Mattanó
Courses Plus Student 12,188 Points
Alan Mattanó
Alan Mattanó
Courses Plus Student 12,188 Points

The web page media-element.html includes a video that is in a different position. So if you want to include the video that is in media-element.html you must provide the link URL of the video to your index.html.

Probably what you are looking for is this video and course:

https://teamtreehouse.com/library/html-video-and-audio/media-basics/the-video-element

if is from youtube you can use iframe

For example:

<iframe id="iframe-1" class="inner" data-src="//www.youtube.com/embed/ABCdefG?iv_load_policy=3&amp;modestbranding=1&amp;rel=0&amp;wmode=transparent&amp;autoplay=1" frameborder="0" scrolling="no" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe>
kabir k
kabir k
Courses Plus Student 18,036 Points
kabir k
kabir k
Courses Plus Student 18,036 Points

Thanks for your response and pointing me to the video but I've already seen it.