HTML5 video - Page 1

User 1964159 Photo


Registered User
156 posts

Good morning all,
I'm looking at the possibility of using HTML5 video on a site, rather than CC's video player - (flash not recognised on apple tablets or phones). W3C now say that it is possible, but the browser support is not universal. So it seems you have to upload video in 3 formats: ogg, Mp4 and Webm. Assuming I produce an MP4 video, does anyone know of some conversion software to produce the remaining formats, ogg and webm - without spending a fortune? It is likely that CC will eventually come up with a non-flash video player in due time, although my personal wish is that OSX Web Editor may improve bore that happens.
Thanks very much good people.
Tony ;)
User 187934 Photo


Senior Advisor
20,247 posts
Online Now

What's your budget?
http://sourceforge.net/directory/os:win … 0converter
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 1964159 Photo


Registered User
156 posts

User 38401 Photo


Senior Advisor
10,951 posts

http://easyhtml5video.com/ fairly inexpensive and quite useful

Here's also a link to the standard code for putting in an HTML5 video without needing software (single videos, not sure you can do galleries of them using this, but it may be possible)
http://www.w3schools.com/html/html5_video.asp
User 1964159 Photo


Registered User
156 posts

Hi Jo Ann,
This looks good AND EASY. Watching a tutorial on Lynda.com on html5 video, blew my mind, and it was all the conversions that were going to be a problem. Also I think you can say a lot more with a short video - you don't want to be reading a mountain of text on a mobile, so this will be very helpful, thank you.
User 38401 Photo


Senior Advisor
10,951 posts

Quite welcome Tone, enjoy and good luck with it :)
User 2482064 Photo


Registered User
1 post

The code for HTML5 video is:

<video width="" height="" src="">
</video>
:o
User 1964159 Photo


Registered User
156 posts

Thanks Noeriks,
So assuming a select a size of around 480 px x 320 px it would work on mobile devices, tablets/phones etc?
User 122279 Photo


Senior Advisor
14,571 posts
Online Now

Works fine on my iphone.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 1964159 Photo


Registered User
156 posts

Hi everyone,
I've moved on with a video and rendered it to MP4 Got the licenced version of easy HTML5 video
http://easyhtml5video.com/ and got the 4 main formats supported the the browsers. I have put the mark-up in my page (as yet not uploaded) and it's fine. Now trying to get it to open on smaller screens - tablets and mobiles and have got the appropriate CSS files in place. Having put the video in a <div></div> for large screens, and tried to reduce the width in the CSS for medium and small screens, nothing happens, the video just falls off the edge. Does anyone one know better than I, because I suspect that I have to render the vid in three sizes - am I correct? It's not a lot of good showing off that I do "responsive website" and my video implies that I'm a plonker :rolleyes:
'Glad of some advice.
Tony

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.