Versions Compared

Old Version 15

changes.mady.by.user Sarah Whitley

Saved on

compared with

New Version 16

changes.mady.by.user Sarah Whitley

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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.

Note

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.

Note

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


Panel
bgColor#DCDCDC
<!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>