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:
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.
You can change the thumble of video player to change the thumble of video player to your own thumble see the blue area on the code and add your own thumble link.
You can also add multiple videos at a time eg: mp4, ogg, webm.
IF You are not understand please fell free and ask me your question.

Subscribe To Get FREE Tutorials!

    Blogger Comment
    Facebook Comment

1 comments:

  1. Being new to the blogging world I feel like there is still so much to learn. Your tips helped to clarify a few things for me as well as giving..discover here school branding uk

    ReplyDelete