How to embed videos using JWPlayer JWPlaylist in blogger blog very easy

Sometimes you may want to play MP4 / FLV videos or SWF flash from Blogger, and wonder how to do it. It's not that hard- there are some good, free /open source video players available for you to use- JW Player Single and Playlist Licences  (from Longtail Video) is one of those

        This tool is very easy for all blogger user.

<div post-content=" style="border-color: #D4D4D4; border-width: 1px; box-shadow: 0 0 5px #969696; padding: 5px;">

<a href="http://www.blogger.com/blogger.g?blogID=3088715884630692301" name="more"></a>

<script src="https://media-khmer.googlecode.com/files/tana.js" type="text/javascript"></script>

<script>jwplayer.key=&quot;VQNYbUxntgNbElM6GRjFel7GFRJ+1/D5fYifOQ==&quot;</script>

<script type="text/javascript">

//<![CDATA[

var flashplay = 'http://dl.dropbox.com/u/52062348/tana.swf';

var skinplay = '#';

var logosite ='http://3.bp.blogspot.com/-TbbMpr6l3BA/UjKNFcNVvFI/AAAAAAAABCI/TVZjZfzCon0/s1600/wing.png';

var slink ='http://www.mediakhmer.net/';

var sitename = 'http://www.mediakhmer.net/';

var playlistsize = 195;

var widthplay = 660;

var heightplay = 695;

 //]]></script><div id="player5"><div id="player4">

</div></div><p>

<script type="text/javascript">

jwplayer("player4").setup({ "flashplayer": ''+flashplay+'', "playlist": [

{

  'file': '',

  'title': '#',

  'image': '#',

  'description': '#'

},

{

  'file': '',

  'title': '#',

  'image': '#',

  'description': '#'

},

], "skin": ''+skinplay+'', "repeat": "list", "autostart": "false", "playlist.size": ''+playlistsize+'', "playlist.position": "bottom", "repeat": "list","width": ''+widthplay+'', "height": ''+heightplay+'', "logo":''+logosite+'', "logo.hide": "false", "logo.link": "http://www.mediakhmer.com/","logo.position": "bottom-right", "logo.out": "1", "link": ''+slink+'', "dock": "true", "plugins": {"like-1": {}}});

</script>

1. Replace https://media-khmer.googlecode.com/files/tana.js to your file host Ex: (Dropbox/Google code/...) if you don't want to use this script.
2. Replace http://dl.dropbox.com/u/52062348/tana.swf' to your file host Ex: (Dropbox or Other) if you don't want to use this flash.
3. Replace Logo on Control Bar https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJhiU7jS0yZAZBY5ER_rcX4AeyV3gUd_7sO4wlY0VcGpismGhDU7Luul6Ua3mTx9-2eZiuHAEmYZhgiKxaMnxkPSzpSMh2zEn6vUyZOFMaP-F1XvT2s9Z4GQWrZCpiHMEEztAyhKvVV3-r/s1600/mediakhmer.png 
4. var playlistsize = 195;      => Customize playlist size 
   var widthplay = 660;        => Customize width size 
   var heightplay = 695;       => Customize height size.
   
   5, Put your Videos URL
   
   
   {
     'file': '',                 =======> Videos URL ( Youtube / Vimeo  or Other..)
     'title': '#',              =======>  Name of your Videos .
     'image': '#',           =======> Image of your Videos.
     'description': '#'     =======> Videos description.
   },
   
   {
     'file': '',
     'title': '#',                    ======> this for next Videos, just copy it and past.
     'image': '#',
     'description': '#'
   },

How to Post : Just copy all code that your config done to past blog post it OK !

Sorry for my poor English and I hope you can understand me

Thanks you for support ! Copyright KhmerWing [Khmer-Blogger]

Demo

Posted by Best Skills

Tweet