jwplayer youtube test
HTML
<script src="http://jwpsrv.com/library/CKT7slhiEeOspBIxOQfUww.js"></script>
<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
<script src="https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<div id="playerContainer">
<div id="player">jwplayer goes here...</div>
</div>
fdhdfhdf
CSS
#playerContainer > div {
width: 100px;
height: 100px;
margin: 0 auto;
}
JavaScript
var player = {
init: function() {
console.log('player: init');
var width = 480;
var height = 360;
jwplayer('player').setup({
height: 100, //initial width / height are 1 as IE cannot handle if container has 0 width/height
width: 100,
file: 'https://www.youtube.com/watch?v=G2t3yRwZ9n4',
controls: false,
primary:'html5',
stretching: 'exactfit',
autostart: true,
events: {
onPlay: function () {
console.log('player: onPlay');
},
onReady: function(){
}
}
});
},
$(document).ready(function() {
console.log(player);
player.init();
});