dm player sdk test integration

<html>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<head>
	<style type="text/css">
		#console {
			margin-top : 3px;
			width : 640px;
			height: auto;
			border : 1px solid red;
		}
	</style>
</head>

<body>
<!-- This <div> tag will be replaced the <iframe> video player -->
<div id="player"></div>
<div id="console">....</div>
<div id="controls"></div>

<script>
    // This code loads the Dailymotion Javascript SDK asynchronously.
    (function() {

        var e = document.createElement('script');
        e.async = true;
        e.type = 'text/javascript';
        e.src = document.location.protocol + '//api.dmcdn.net/all.js';
        var s = document.getElementsByTagName('script')[0];

        s.parentNode.insertBefore(e, s);
    }());

    // This function init the player once the SDK is loaded
    window.dmAsyncInit = function()
    {
        // PARAMS is a javascript object containing parameters to pass to the player if any (eg: {autoplay: 1})
        var PARAMS = {background : 'ABE866', autoplay : 1, chromeless : 0,
        			foreground : '000000',
        			html : 0, highlight : '857580',
        			info : 1, network : 'dsl', autoplay : 1};
        var player = DM.player("player", {video: "x16cc1m", width: "640", height: "360", params: PARAMS});


        // 4. We can attach some events on the player (using standard DOM events)
        player.addEventListener("apiready", function(e)
        {
        	console.log('apiready');
        });

        player.addEventListener("playing", function(e)
        {
        	console.log("playing");
        });

        //----- PLAY / PAUSE - OK -----//
        var controls = ['pause', 'play'];
        for (var i = 0; i < controls.length; i++)
        {
        	$('#controls').append('<button id=\'' + controls[i] + '\'>' + controls[i]  + '</button>');
        	var lc = '#' + controls[i];
        	$(lc).click(function() {

        		eval('player.' + this.id + '();');
        	});
        }

        //----- TOGGLE PLAY - OK to play, NOK to pause -----//
        $('#controls').append('<button id="togglePlay">togglePlay</button>');
        $('#togglePlay').click(function() {   player.togglePlay();  });

        //----- SEEK - OK -----//
        $('#controls').append('<button id="seek">seek</button>');
        $('#seek').click(function() {   player.seek(10);  });

        //----- LOAD - OK -----//
        $('#controls').append('<button id="load">load</button>');
        $('#load').click(function() {   player.load("x174uig");  });

        //----- SETVOLUME - OK -----//
        $('#controls').append('<button id="setVolume">setVolume</button>');
        $('#setVolume').click(function() {   player.setVolume(0.2);  });

        //----- UNMUTE - NOK -----//
        $('#controls').append('<button id="unmute">unmute</button>');
        $('#unmute').click(function() { player.setMuted(0); });

        //----- MUTE - OK -----//
        $('#controls').append('<button id="mute">mute</button>');
        $('#mute').click(function() { player.setMuted(1); });

        //----- TOGGLEMUTE - OK -----//
        $('#controls').append('<button id="toggleMute">toggleMute</button>');
        $('#toggleMute').click(function() { player.toggleMuted(); });

        //----- FULLSCREEN - NOK -----//
        $('#controls').append('<button id="setFullscreen">setFullscreen</button>');
        $('#setFullscreen').click(function() { player.setFullscreen(1); });
    }
</script>
</body>
</html>