Using an embed code builder


show more Using an embed code builder provides you with in-depth training on Video. Taught by Steve Heffernan as part of the HTML5: Video and Audio in Depth show less
please wait ...

Using an embed code builder

So now that we had been through the whole process of building our embed code and we understand what each piece does, I want to show you a handy tool I created to help with the embed code process. If you go to videojs.com/embed-builder, I have a tool where you can just plug in the values into the fields and it will automatically generate the embed code for you. So I am going to go ahead and plug in the same values we were using through the examples. So the Poster Image, it's on the explorecalifornia website, in video assets folder, jpg, and then I am just going to copy that and use that for my MP4 source, which is in the same folder under podcast .mp4, and I am going to do the same for our WebM file and the same for our ogv file.

Under the last one you can see is our Flash Source, but it also has this Use MP4 and we can't change this right now without turning off the Use MP4. What this does is it tells Flash to use the same file that we're using for MP4 source. But if you wante...

Using an embed code builder
Video duration: 2m 15s 2h 7m Intermediate

Viewers:

Using an embed code builder provides you with in-depth training on Video. Taught by Steve Heffernan as part of the HTML5: Video and Audio in Depth

Subjects:
Video Web
Software:
HTML
Author:
please wait ...