How to Embed JW Player in Blogger to play Videos

, , Leave a comment

Hello everyone, In this article you will learn how to Embed JW Media Player in your blogger blog to play Mp4 Videos. Read the complete article for setting up this functionality in your blogger blog. 


You can show videos on Blogger by embedding JW Player in your blog post. JW Player is a free open source video player which has some really cool features. To use JW Player in Blogger (Blogger.com) blog, just copy/paste the below codes to your Blogger blog posts.

Also Read – How to create your first free blog

 

Before doing above step, first you need to copy/paste the below JavaScript code into your Blogger template.

JavaScript Code :

<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js”>
</script>


Copy the above code and paste it into the your Blog Theme/Template just above the </head> Section.

How to Add Code in Blogger

Go to your Blogger Dashboard, and then go to Theme/Template —–> Edit HTML ( If there’s any warning about HTTP or HTTP S  security, ignore that warning by clicking the hide warning).

  • In the editor press Ctrl +F from the keyboard and search </head> in the search box.
  • Just Right above the </head> tag paste the above JavaScript code.  
 
Now Embed  JW Media Player codes in the post.
 
Go to your post and switch from compose section to HTML. Add the below codes to any position in Blogger blog post where you want the JW Player to appear.
 
<Div id=”video1“>Please install the Flash Plugin</Div>
<script type=”text/javascript”>
  var flashvars = { file:’http://clips.vorwaerts-gmbh.de/VfE_html5.mp4‘, autostart: ‘false’ };
  var params = { allowfullscreen:’true’, allowscriptaccess:’always’ };
  var attributes = { id:’player1‘, name:’player1‘ };
  swfobject.embedSWF(‘http://player.longtailvideo.com/player.swf’,’video1‘,’470‘,’380‘,’9.0.115′,’false’, flashvars, params, attributes);
</script>
 
Replace the red color URL   http://clips.vorwaerts-gmbh.de/VfE_html5.mp4   with your video URL.
 
If you have any question or queries regarding this article, let me know in the comment below. Don’t forget to share this article with your friends and family. 
 

Leave a Reply