Player.js iframe receiver
Demonstrates iFrame players.js API.
This Receiver API is enabled default to maximize compatibility with players.js / embed.ly embeds.
You can disable the plugin by setting
playersJsReceiver.plugin=false in your player config.
Methods:
Loading ...
Event Log:
You can learn more about
embed.ly and
player.js on their respective product pages.
To make use of embed.ly simply include open graph tags in your page content pointing to Kaltura iframe player,
also see the Kaltura
share page
Using the players.js adapter:
Supported methods | Supported Events
Include embed.ly's player library and a kaltura iframe embed
- <script type="text/javascript" src="//cdn.embed.ly/player-0.0.10.min.js"></script>
- <iframe id="kaltura_player" src="https://cdnapisec.kaltura.com/p/243342/sp/24334200/embedIframeJs/uiconf_id/28685261/partner_id/243342?iframeembed=true&playerId=kaltura_player&entry_id=1_sf5ovm7u" style="width:600px;height:375px;border:none;" allowfullscreen></iframe>
Setup the player and listen to events or call methods:
- <script type="text/javascript">
- var player = new playerjs.Player( document.getElementById('kaltura_player') );
- //listen to play start
- player.on(playerjs.Events.PLAY, function(
- console.log('play');
- ));
- // call play to start playback:
- $('#play-btn').click(function(){
- player.play();
- })
- </script>
html5 qunit | flash qunit