How to Embed JW Media Player in Blogger to play Flash or Mp4/FLV Videos

embed-jw-media-player-in-blogger

In this article, you will learn how to embed JW Player in Blogger to play your Flash Videos.
You can play flash videos by embedding JW Player in your blog post. JW Media Player is a free open source video media player. To embed JW Player in Blogger (blogspot.com) blog, just copy/paste the below codes to your Blogger blog posts.

Before proceeding with the steps, first, you need to copy/paste the below JavaScript code into the Blogger template.

JavaScript Code :

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

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

How to add above JS Code in Blogger Theme/Template :

  • In the Blogger Dashboard, go to Theme/Template on the left side and click on Edit HTML. Note: If there’s any warning about {http or https} security, ignore that and click the “hide warning” link.
  • In the editor press Ctrl +F keys from the keyboard. A search box will appear at the top, type </head> inside the search box.
  • Just right above the </head> tag paste the above JavaScript code.
  • Save the changes by clicking the Save Changes at the top.

How to Embed JW Player codes inside a blog post in Blogger.

Go to your blog post in which you want to embed JW Player. Switch from the “Compose” section to HTML section. Now Add the below code to any position in your blog post where you would like the JW Media 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.
Visit my Blogger Tutorial – Submit Sitemap to Google Webmaster and Bing Webmaster tools.

If you have any question or queries with embedding JW Player in blogger, feel free to comment below and join the discussion.

Add a Comment

Your email address will not be published. Required fields are marked *

How to record Android Screen?Learn here
+