onceux in-page implemetation for Video Cloud
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Once UX Plugin</title>
<link href="//players.brightcove.net/videojs-onceux/videojs-onceux.min.css" rel="stylesheet">
</head>
<body>
<video id="myPlayerID" style='width: 640px;height: 360px;' data-account="1752604059001" data-player="b4be1424-e1de-4413-8241-ba373272d2ca" data-embed="default" class="video-js" controls></video>
<script src="//players.brightcove.net/1752604059001/b4be1424-e1de-4413-8241-ba373272d2ca_default/index.min.js"></script>
<script src="//players.brightcove.net/videojs-onceux/videojs-onceux.min.js"></script>
<!-- custom script -->
<script type="text/JavaScript">
videojs("myPlayerID").ready(function() {
var myPlayer = this,
options = { "metadataUri": "http://onceux.unicornmedia.com/now/ads/vmap/od/auto/9bb68221-9a65-4416-837c-2f5b0da311ca/3a6bd8b9-3d91-4ccf-a0bf-325f8aaeb07a/19c5e818-a4bc-4fb2-9c06-0fa04ebd0800/content.once"
};
myPlayer.onceux(options);
});
</script>
</body>
</html>