You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 19 Next »

It is possible to implement a callback function, which executes code as soon as a player is loaded. You can define the function containing several actions that is called when the public API of the respective player is loaded.

Please note that when lazy loading is enabled, the Player will not be accessible through the API until a user clicks play. This is an inherent quality of the lazy loading feature, which prevents the Player from loading until a user clicks play. Find more information on lazy loading here.


The property 'success' must be set as value to the player property object.

Sample

In the code example, the respective player will be loaded when the user is clicking on the button [load]. If loading is completed, the following functions are executed: the player is started, the video is forwarded to the set time point and the sound is turned off.

Please note that you need to specify necessary IDs and URLs.


<!DOCTYPE html>
<html>
<head>
<script src="//e.video-cdn.net/v2/embed.js"></script>
</head>
<body>

<div id="1234"></div>

<script type="text/javascript">

	var playerProps = {
		success: function(playerApi){
			playerApi.play();
			playerApi.forward(20000);
			playerApi.toggleMute();
		
		}
	};

	loadPlayer = function () {
            var element = document.getElementById('1234');
            var player = document.createElement('div');
            player.setAttribute('mi24-video-player', '');
            player.setAttribute('config-type', 'vmpro');
            player.setAttribute('player-id', '<PlayerID>');
            player.setAttribute('video-id', '<VideoId>');
            player.setAttribute('api-url', '//d.video-cdn.net/play');
            player.setAttribute('flash-path', '//e.video-cdn.net/v2/');
            element.appendChild(player);
            VideoPlayer.Collection.addPlayerById('1234', playerProps);
        };
</script>

<button onclick="loadPlayer()">load</button

</body>
</html>