0b7e2d0a5b
- Created complete documentation in docs/ directory - Added PROJECT_OVERVIEW.md with feature highlights and getting started guide - Added ARCHITECTURE.md with system design and technical details - Added SECURITY.md with comprehensive security implementation guide - Added DEVELOPMENT.md with development workflows and best practices - Added DEPLOYMENT.md with production deployment instructions - Added API.md with complete REST API documentation - Added CONTRIBUTING.md with contribution guidelines - Added CHANGELOG.md with version history and migration notes - Reorganized all documentation files into docs/ directory for better organization - Updated README.md with proper documentation links and quick navigation - Enhanced project structure with professional documentation standards
100 lines
3.3 KiB
JavaScript
100 lines
3.3 KiB
JavaScript
/**
|
|
* Copyright 2014 Google Inc.
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
|
|
var Ads = function() {
|
|
if (adTagUrl == '' || ad_client != 'ima') {
|
|
return;
|
|
}
|
|
|
|
pb = "view-player-";
|
|
this.placeholder = document.getElementById('ima-placeholder');
|
|
this.placeholder.addEventListener('click', this.bind(this, this.init));
|
|
|
|
this.options = {
|
|
id: pb+fk,
|
|
adTagUrl: adTagUrl,
|
|
nativeControlsForTouch: false
|
|
};
|
|
|
|
this.events = [
|
|
google.ima.AdEvent.Type.ALL_ADS_COMPLETED,
|
|
google.ima.AdEvent.Type.CLICK,
|
|
google.ima.AdEvent.Type.COMPLETE,
|
|
google.ima.AdEvent.Type.FIRST_QUARTILE,
|
|
google.ima.AdEvent.Type.LOADED,
|
|
google.ima.AdEvent.Type.MIDPOINT,
|
|
google.ima.AdEvent.Type.PAUSED,
|
|
google.ima.AdEvent.Type.STARTED,
|
|
google.ima.AdEvent.Type.THIRD_QUARTILE
|
|
];
|
|
|
|
// this.console = document.getElementById('ima-sample-console');
|
|
};
|
|
|
|
Ads.prototype.init = function() {
|
|
// Create the player
|
|
this.createPlayer();
|
|
this.player = videojs(pb+fk);
|
|
|
|
// Initialize the IMA plugin
|
|
this.player.ima(
|
|
this.options,
|
|
this.bind(this, this.adsManagerLoadedCallback));
|
|
this.player.ima.initializeAdDisplayContainer();
|
|
|
|
// Request ads and play the video
|
|
this.player.ima.requestAds();
|
|
this.player.play();
|
|
logohtm = '<div class="vjs-watermark-content vjs-watermark-bottom-right vjs-watermark-fade"><a href="'+logohref+'" target="_blank"><img src="'+logo+'"></a></div>';
|
|
setTimeout(function(){ jQuery(".video-js").removeClass("vjs-controls-disabled").removeClass("vjs-user-inactive").append(logohtm); }, 3000);
|
|
};
|
|
|
|
Ads.prototype.createPlayer = function() {
|
|
var dumbPlayer = document.createElement('video');
|
|
dumbPlayer.id = pb+fk;
|
|
dumbPlayer.className = 'video-js vjs-default-skin';
|
|
dumbPlayer.setAttribute('width', '560px');
|
|
dumbPlayer.setAttribute('height', '315px');
|
|
var contentSrc = document.createElement('source');
|
|
contentSrc.setAttribute('src', (typeof _src != "undefined" ? _src : 'http://rmcdn.2mdn.net/Demo/vast_inspector/android.mp4'));
|
|
contentSrc.setAttribute('type', 'video/mp4');
|
|
dumbPlayer.appendChild(contentSrc);
|
|
this.placeholder.parentNode.appendChild(dumbPlayer);
|
|
this.placeholder.parentNode.removeChild(this.placeholder);
|
|
}
|
|
|
|
Ads.prototype.adsManagerLoadedCallback = function() {
|
|
for (var index = 0; index < this.events.length; index++) {
|
|
this.player.ima.addEventListener(
|
|
this.events[index],
|
|
this.bind(this, this.onAdEvent));
|
|
}
|
|
this.player.ima.startFromReadyCallback();
|
|
};
|
|
|
|
Ads.prototype.onAdEvent = function(event) {
|
|
// this.console.innerHTML =
|
|
// this.console.innerHTML + '<br/>Ad event: ' + event.type;
|
|
if (event.type == "complete") { jQuery(".video-js").removeClass("vjs-controls-disabled").removeClass("vjs-user-inactive"); }
|
|
};
|
|
|
|
Ads.prototype.bind = function(thisObj, fn) {
|
|
return function() {
|
|
fn.apply(thisObj, arguments);
|
|
};
|
|
};
|
|
|