new jwplayer example

by morihofi05

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>

<div id="playerContainer">
    <div id="player">jwplayer goes here...</div><br/><br/>
</div>

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://wiki.selfhtml.org/local/small.mp4',
            primary:'html5',
			stretching: 'exactfit',			
			//autostart: true,
            height:600,
            width:800,
			
	    });