How to Embed JWplayer to Blogger



This is a JW player code  for single Video . You can copy URL code from YouTube video to display on you blog or website by using following code.
1. From the blog Dashboard, go to Template -> Edit HTML

2.On your keyboard, press the "Ctrl" and "F" keys at the same time to bring up the search box.
3. In the search-box, type in </head>

4.And than copy below code to paste before </head>



Code For </head>
============================

<script src='http://jwpsrv.com/library/o3BeDjJfEeKT8yIACp8kUw.js'/>
<script src='https://dl.dropboxusercontent.com/s/1sbu88nx2qddejf/jw6-touchscroll.min.js'/>
<script src='http://www.dev.powered-by-haiku.co.uk/jw-html-config/jwplayer/v6/jwplayer.js' type='text/javascript'/>
<script src='http://www.dev.powered-by-haiku.co.uk/jw-html-config/jwplayer/jwplayer-html-config.min.js' type='text/javascript'/>
<script src='http://p.jwpcdn.com/6/5/jwplayer.js?ver=3.8.1' type='text/javascript'/>
<script src='http://powered-by-haiku.co.uk/wp-includes/js/jquery/jquery.js?ver=1.10.2' type='text/javascript'/>
<script src='http://powered-by-haiku.co.uk/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1' type='text/javascript'/>
<script type='text/javascript'>
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script>



5.Finally copy below code to your post or page than save. 


Code For Post or Page
============================

<div id="container">
iStudyhome</div>
<script>
jwplayer("container").setup({
  sources: [
    { file: "https://www.youtube.com/watch?v=pAvK3frhkKE" },
    
  ],
  height: 360,
  width: 640
});

</script>


iStudyhome

1 comment: