How to Embed JW Player in Blogger to play Videos

Learn How to Embed JW Media Player to play Mp4 Videos


You can do so by embedding JW Player in your blog post . JW Player is a free open source video player. To use JW Player in Blogger (Blogger.com), just copy/paste the below codes to your Blogger blog posts.



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 above Code 



  • In the Blog Dashboard, go to Theme/Template -----> Edit HTML ( If there's any warning about HTTP or HTTP S  security, ignore that and click 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 , comment below.

Author : Digember

HowToArticle is a blog created by Digember Dangwal, CSE Enginner from India. He shares his knowledge about Windows, WordPress, Blogger, Android, Chrome, and other Internet stuff.

Share this

Related Posts

Previous
Next Post »

Join the Discussion by leaving the comments!