new jwplayer example

by fredd man

HTML

<script src="ssl.p.jwpcdn.com/player/v/7.2.2/jwplayer.js"></script>
<script src="http://ssl.p.jwpcdn.com/player/v/7.2.2/jwplayer.js"></script>
<li>fadfadfasdfasdfas
asdfadfa
asdfasdfa
asdfadfa
asdfasdf
</li>
<div id="playerContainer">
    <div id="player">jwplayer goes here...</div><br/><br/>
</div>
<li>fasdagasdgadfag</li>af
a
fasd
fa
sdfasdfasdfasf

CSS

#player.jwplayer {
    background-color: transparent;
  }

.jwplayer.jw-state-idle .jw-media ,
  .jwplayer.jw-state-complete .jw-media ,
  .jwplayer.jw-state-error .jw-media {
      display: none;
  }

  .jwplayer.jw-state-idle .jw-preview ,
  .jwplayer.jw-state-complete .jw-preview ,
  .jwplayer.jw-state-error .jw-preview {
      background-color: transparent;
  }

JavaScript

jwplayer.key="P1MmPSNkg/jg9FvZ+Ko6ejN8/2hTxQFQ5t4JLA==";

jwplayer('player').setup({
    
			file: 'http://content.jwplatform.com/videos/C4lp6Dtd-el5vTWpr.mp4',
            primary:'html5',
			stretching: 'exactfit',			
			//autostart: true,
            height:240,
            width:360
			
	    });