by   December 15 2013   
When I am working from my tablet I have to admit that I prefer to watch a training video in lieu of reading a PDF or watching a PowerPoint presentation that's sized to not allow me to view it without my second pair of glasses. Now that I know how to create a video, convert a video, embed a video I thought it would be nice to share that with you so you too could embed videos on your website so when I visit I don't have to read, all I have to do is listen, watch and learn!

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. 

Download Video:

  1. MP4
  2. MP4
  3. WebM
  4. Ogg

 

 

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. 

 

Download Video:

  1. MP4
  2. MP4
  3. WebM
  4. Ogg

 

If you're sick of Super Cookies and Adobe Flash updates resetting your privacy settings start speaking out for HTML5 type video.

  1. CamStudio for screen capture or any video capture program of your choice.
  2. Encoder to MP4, M4V, WebM, Ogv, Ogg formats Easy HTML5 Video 2.0 or Handbrake, VidCoder, etc.
  3. 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. 

Murray W. 

Thanks, 

Comments and Suggestions reference "HTML5 Video Encoder 2.0"

 

 

 

When I am working from my tablet I have to admit that I prefer to watch a training video in lieu of reading a PDF or watching a PowerPoint presentation that's sized to not allow me to view it without my second pair of glasses. Now that I know how to create a video, convert a video, embed a video I thought it would be nice to share that with you so you too could embed videos on your website so when I visit I don't have to read, all I have to do is listen, watch and learn!