Page History: Player SDK 1.0 : Getting Started
Compare Page Revisions
Page Revision: 2016/03/25 14:45
getting started
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Player SDK Sample Application</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container">
<div class="row">
<div class="col-xs-6">
<div id="playerIFrameWrapper" class="embed-responsive embed-responsive-16by9"></div>
</div>
</div>
<div class="row" id="statusContainer">
</div>
</div>
</body>
</html>
< script type="text/javascript" src="//sdk.companywebcast.com/cwc/iframe/player/client.js"></script>
< script type="text/javascript">
var iframeWrapper = cwc.iframe.player.client.create({
id: '//services-staging.companywebcast.com/legacypulse/0.3/players/4e99b7b4-3a61-4768-9692-511581b926f5',
start: 5000,
offsets: [20000, 40000, 50000, 80000],
display: 2 | 4 | 16
});
document.getElementById('playerIFrameWrapper').appendChild(iframeWrapper.element);
iframeWrapper.on('cwc.sdk.player.resource.create', function (e) {
// fires when new items are added to the model
});
iframeWrapper.on('cwc.sdk.player.resource.properties.change', function (e) {
// fires when an item activates or de-activates
});
iframeWrapper.on('cwc.sdk.player.video.state.change', function (e) {
// fires when a change occurs in media playback
});
</script>