ProximaEntertainment/plyr
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added cue markings within the time line for when midrolls will be displayed. Removed unusued callback parameter.

Browse Source
This commit is contained in:
Arthur Hulsman
2018-01-17 15:38:26 +01:00
parent 1d1eb02bd7
commit 896ea7c689
3 changed files with 30 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/js/plugins/ads.js
View File

@ -141,6 +141,7 @@ class Ads {
* @param {Event} adsManagerLoadedEvent
*/
onAdsManagerLoaded(adsManagerLoadedEvent) {
const { container } = this.player.elements;
// Get the ads manager.
const settings = new google.ima.AdsRenderingSettings();
@ -156,6 +157,18 @@ class Ads {
// Get the cue points for any mid-rolls by filtering out the pre- and post-roll.
this.adsCuePoints = this.adsManager.getCuePoints();
// Add advertisement cue's within the time line if available.
this.adsCuePoints.forEach((cuePoint, index) => {
if (cuePoint !== 0 && cuePoint !== -1) {
const seekElement = this.player.elements.progress;
const cue = utils.createElement('span', {
class: this.player.config.classNames.cues,
});
cue.style.left = cuePoint.toString() + 'px';
seekElement.appendChild(cue);
}
});
// Add listeners to the required events.
// Advertisement error events.
this.adsManager.addEventListener(google.ima.AdErrorEvent.Type.AD_ERROR, error => this.onAdError(error));
@ -368,12 +381,12 @@ class Ads {
this.adsLoader.contentComplete();
});
this.player.on('seeking', event => {
this.player.on('seeking', () => {
time = this.player.currentTime;
return time;
});
this.player.on('seeked', event => {
this.player.on('seeked', () => {
const seekedTime = this.player.currentTime;
this.adsCuePoints.forEach((cuePoint, index) => {