Embed Video in Umbraco CMS HTML5 package
Here's the short version of how to embed HTML5 video into your website.
My first attempt at creating a video to show you how to create a video and embed it to your html code. I'm missing a few points of interest which I will cover in the second video.
For those that don't like to watch videos and would rather read all about how to embed video using the video tag in Umbraco with some other cool features here you go..
Below is the video of how to make the video to embed in your HTML5 html website.
This one is more detailed than the first.
I'll type out all the notes after I watch the video.
You never know, I might need to make a 3rd video to show you what I missed in the first two videos on how to create a video and embed that same video into your HTML code that is HTML5.
If you're sick of Super Cookies and Adobe Flash updates resetting your privacy settings start speaking out for HTML5 type video.
- CamStudio for screen capture or any video capture program of your choice.
- Encoder to MP4, M4V, WebM, Ogv, Ogg formats Easy HTML5 Video 2.0 or Handbrake, VidCoder, etc.
- Website that supports the following mimetype. |
- .mp3 mimeType audio/mpeg
- .mp4 mimeType video/mp4
- .m4v mimeType video/mp4
- .ogg mimeType audio/ogg
- .ogv mimeType video/ogg
- .webm mimeType video/webm
- .flv mimeType video/x-flv
- .f4v mimeType video/mp4
The whole story line here is to create video's that are encoded in a format supported by many browsers and operating systems natively.
The more you can do without plug-ins the better.
I still have the swf plug-ins but will be moving away from all flash as I move more into the mobile device world. It's not going to call the end of flash, many sites will continue to use it. I just feel if I have to remove super cookies .sol files every second Tuesday of every month Adobe Flash is going to cost more than it is actually worth to me.
If you need help with your HTML5 Umbraco setup or need to configure your IIS 7.x server drop me a line.
I'll be sharing via my Tomcat server (Java) and Alfresco to show more cross platform support.