Back to Future, Video with html5

User Rating:  / 0
PoorBest 

For those who thought i was leaving my blog away i need to say one thing: I am back in town!!. Many changes around, tons of work, as well as tons of fun. Well, there are things that do not change as for example answering questions of my followers and friends. Last one I heard was about how to implement videos with HTML5.

Well, first of all bare in mind that your videos should be converted to H.264 or OGG Theora. Which one of these codecs may you choose from?. In my opinion to both because Safari won’t support Ogg Theora and Firefox won’t support H.264, ..and you want your videos to be played in any PC as well as MAC or famous Ipad, don't you?. Here you have a few converters which might help you with that task:



Ok, now that you have your file converter you are ready to play it as simple as using the new video tag in HTML5

AttributeValueDescription
autoplay autoplay If present, then the video will start playing as soon as it is ready
controls controls If present, controls will be displayed, such as a play button.
height pixels Sets the height of the video player
loop loop If present, the media file will start over again, every time it is finished.
preload preload If present, the video will be loaded at page load, and ready to run. Ignored if "autoplay" is present.
src url The URL of the video to play
width pixels Sets the width of the video player



..As simple as adding this:

<video src="http://archiv.avc-cvut.cz/AVC/mirrors/orange/ogg_theora/Elephants_Dream_HD-q7-aq7.ogg"controls="controls" width="500" height="300">
your browser does not support the video tag
</video>



your browser does not support the video tag

Music You like..

IT News to be aware of ..

Check also...