Skip to content

Instantly share code, notes, and snippets.

@yllus
Last active November 26, 2015 20:10
Show Gist options
  • Select an option

  • Save yllus/88f6fb971baa19751d0d to your computer and use it in GitHub Desktop.

Select an option

Save yllus/88f6fb971baa19751d0d to your computer and use it in GitHub Desktop.
CFL.ca: Brightcove playlist player for the site sidebar
<!-- START: Brightcove playlist player -->
<div class="component" style="margin-top: 10px;">
<video id="bc_playlist_player"
data-playlist-id="4596397096001"
data-account="4401740954001"
data-player="default"
data-embed="default"
class="video-js" controls></video>
<script src="http://players.brightcove.net/4401740954001/default_default/index.min.js"></script>
<script src="http://players.brightcove.net/videojs-ima3/videojs.ima3.min.js"></script>
<script>
var player = videojs( 'bc_playlist_player' );
player.on('loadedmetadata', function() {
player.ima3({
debug: false,
prerollTimeout: 5000,
adTechOrder: ["html5"],
serverUrl: 'https://pubads.g.doubleclick.net/gampad/ads?sz=640x480&iu=/8019/cfl_network_web/CFL&impl=s&gdfp_req=1&env=vp&output=xml_vast2&unviewed_position_start=1&url=%5breferrer_url%5d&description_url=%5bdescription_url%5d&correlator=%5btimestamp'
});
player.play();
player.playlist.autoadvance(0);
});
player.on('ima3-started', function() {
var arr_controlbars = document.getElementById(player.id_).getElementsByClassName("vjs-control-bar");
for ( var i = 0; i < arr_controlbars.length; i++ ) {
if ( arr_controlbars[i].className.indexOf('vjs-ad-control-bar') == -1 ) {
arr_controlbars[i].style.display = 'none';
}
}
});
// Fix a bug where the IMA3 ad control bar never goes away after the ad ends.
player.on('ima3-complete', function() {
Element.prototype.remove = function() {
this.parentElement.removeChild(this);
}
NodeList.prototype.remove = HTMLCollection.prototype.remove = function() {
for(var i = this.length - 1; i >= 0; i--) {
if(this[i] && this[i].parentElement) {
this[i].parentElement.removeChild(this[i]);
}
}
}
document.getElementById(player.id_).getElementsByClassName("vjs-ad-control-bar").remove();
var arr_controlbars = document.getElementById(player.id_).getElementsByClassName("vjs-control-bar");
for ( var i = 0; i < arr_controlbars.length; i++ ) {
arr_controlbars[i].style.display = 'flex';
}
});
</script>
</div>
<!-- END: Brightcove playlist player -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment