HTML5 Video Player logo
HTML5 Video Player for Mac and Windows

Add HTML5 Video to Blogger

Many Blogger/blogspot users find it is difficult to add video files to their Blogger posts. There are different ways to add the video files and formats using gadgets from Google or using some other web apps or third-party video hosting service, such as Google Youtube. However you can actually add videos to Blogger much easier with the new HTML5 tech. Why not use the HTML5 audio and video tag elements to post videos to your post to entertain your visitors. It is easy and fun!

Bellow is a HTML5 video on a Blogger post – html5 video blogger:
HTML5 Video on Blogger Post
HTML5 Video Blogger/Blogspot Playback Demo

And following is the source code which helps you embed the HTML5 videos into Blogger/blogspot posts:

<video controls="controls" height="360" width="640" poster="http://www.html5videoplayer.net/images/html5-icon_256.png">
<source src="http://www.html5videoplayer.net/videos/toystory.mp4" type="video/mp4">
<source src="http://www.html5videoplayer.net/videos/toystory.ogv" type="video/ogg">
<source src="http://www.html5videoplayer.net/videos/toystory.webm" type="video/webm">
</video>

HTML5 video blogspot Tips: In order to insert HTML5 video code into Blogger posts, you will need to log on the Blogger dashboard and switch to the HTML code mode. You can choose between the Compose and HTML modes when editing an blogspot post.

For more video controls and HTML5 tips, you may refer to: How to Embed HTML5 Video into Web Pages?

,

Comments are currently closed.