Let's Code!

Popcorn functionality can be accessed entirely from JavaScript or it can enhance HTML content.

Let's try the latter and as a precursor, embed video in our page.

Example:

Note 1 : the use of types - used to explicitly tell the browser the file format. You can probably get away with not using these and actually you can be more detailed but I think this is a happy medium.

Note 2 : the controls attribute, which adds controls to the player, otherwise how would we play it? Yup, with JavaScript - that's right, but that's another story.

Action!

OK with this example in mind create a video player using HTML.

You can use:

• http://jPlayer.org/video/m4v/Big_Buck_Bunny_Trailer.m4v
• http://jPlayer.org/video/webm/Big_Buck_Bunny_Trailer.webm

Feel free to use your own resources.

Next (What you could have done)