prebid · karimMourra · Aug 3, 2021 · Aug 3, 2021 · Aug 3, 2021 · Aug 3, 2021
diff --git a/integrationExamples/videoModule/jwplayerAdapter/index.html b/integrationExamples/videoModule/jwplayerAdapter/index.html
@@ -0,0 +1,145 @@
+-<!--
+
+-->
+
+<html>
+
+<head>
+    <script async src="../../../build/dev/prebid.js"></script>
+    <script src="https://cdn.jwplayer.com/libraries/l5MchIxB.js"></script>
+
+    <script>
+      var pbjs = pbjs || {};
+      pbjs.que = pbjs.que || [];
+
+      var adUnits = [{
+        code: 'div-gpt-ad-51545-0',
+        mediaTypes: {
+          video: {}
+        },
+        video: {
+          divId: 'vid-div-1',
+          adServer: {
+            vendorCode: "gam",
+            params: {
+              iu: '/19968336/prebid_cache_video_adunit',
+              cust_params: {
+                section: 'blog',
+                anotherKey: 'anotherValue'
+              },
+              output: 'vast'
+            }
+          },
+        },
+
+        // Replace this object to test a new Adapter!
+        bids: [{
+          bidder: 'appnexus',
+          params: {
+            placementId: 13232361
+          }
+        }, {
+          bidder: 'rubicon',
+          params: {
+            accountId: 7780,
+            siteId: 87184,
+            zoneId: 412394,
+          }
+        }, {
+          bidder: 'pubmatic',
+          params: {
+            publisherId: '156209'
+          }
+        }, {
+          bidder: 'spotx',
+          params: {
+            channel_id: 85394
+          }
+        }]
+      }];
+
+      pbjs.que.push(function () {
+        pbjs.setConfig({
+          video: {
+            providers: [{
+              divId: 'vid-div-1',
+              // vendorCode for jwplayer
+              vendorCode: 1,
+              playerConfig: {
+                licenseKey: 'huJTAG1dRVvvE1bT4Ng2DEnZ2ogCSgwTLwQBp8Cp9BDyAgkKC7uLuw==',
+                params: {
+                  vendorConfig: {
+                    "file": "http://content.bitsontherun.com/videos/3XnJSIm4-52qL9xLP.mp4",
+                    mediaid: 'd9J2zcaA',
+                    advertising: { client: 'googima' }
+                    }
+                }
+              },
+              adServer: {
+                vendorCode: "gam"
+              }
+            }, {
+              divId: 'vid-div-2',
+              vendorCode: 1,
+              playerConfig: {
+                licenseKey: 'huJTAG1dRVvvE1bT4Ng2DEnZ2ogCSgwTLwQBp8Cp9BDyAgkKC7uLuw==',
+                params: {
+                  vendorConfig: {
+                    "file": "http://content.bitsontherun.com/videos/bkaovAYt-DZ7jSYgM.mp4",
+                    mediaid: 'bkaovAYt',
+                    advertising: { client: 'googima' }
+                  }
+                }
+              },
+              adServer: {
+                vendorCode: "gam"
+              }
+            }]
+          }
+        });
+
+        pbjs.onEvent('video_setupComplete', () => {
+          console.log('player setup complete');
+        });
+
+        pbjs.onEvent('video_setupFailed', () => {
+          console.log('player setup failed!');
+        });
+
+        pbjs.onEvent('video_auctionAdLoadAttempt', event => {
+          console.log('The Video Module is attempting to load an ad into the player! \n', event);
+        });
+
+        pbjs.onEvent('video_adImpression', event => {
+          console.log('An ad impression has occurred!: \n', event);
+        });
+
+        pbjs.onEvent('video_bidImpression', event => {
+          console.log('The ad impression resulted from a bid! \n', event);
+        });
+
+        pbjs.onEvent('video_adError', event => {
+          console.log('An ad error has occurred!: ', event);
+        });
+
+        pbjs.onEvent('video_bidError', event => {
+          console.log('The ad error resulted from a bid! \n', event);
+        });
+
+        pbjs.addAdUnits(adUnits);
+        pbjs.requestBids({
+          adUnits
+        });
+      });
+    </script>
+</head>
+
+<body>
+    <h2>Prebid.js Test</h2>
+    <h5>Div-1</h5>
+    <div id='vid-div-1'></div>
+    <h5>Div-2</h5>
+    <div id='vid-div-2'></div>
+</body>
+
+</html>
diff --git a/integrationExamples/videoModule/videojsAdapter/index.html b/integrationExamples/videoModule/videojsAdapter/index.html
@@ -0,0 +1,119 @@
+<html>
+
+<head>
+  <script async src="../../../build/dev/prebid.js"></script>
+  <link href="https://vjs.zencdn.net/7.17.0/video-js.css" rel="stylesheet" />
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/videojs-contrib-ads/6.9.0/videojs-contrib-ads.css"
+    integrity="sha512-0gIqgiX1dWTChdWUl8XGIBDFvLo7aTvmd6FAhJjzWx5bzYsCJTiPJLKqLF3q31IN4Kfrc0NbTO+EthoT6O0olQ=="
+    crossorigin="anonymous" referrerpolicy="no-referrer" />
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/videojs-ima/1.11.0/videojs.ima.css"
+    integrity="sha512-vvsEsf+dZDp6wbommO1Jbb2bpFhVQjw6pIzfE5fUY5Fgkmsgn/16sQWegqrd236T69kK5F1SbGZ+yK46a9il5A=="
+    crossorigin="anonymous" referrerpolicy="no-referrer" />
+
+  <!-- Setup ad units -->
+  <script>
+    var adUnits = [{
+      code: 'div-gpt-ad-51545-0',
+      sizes: [[600, 500]],
+      mediaTypes: {
+        video: {
+          sizes: [[600, 500]]
+        }
+      },
+      video: {
+        divId: 'vid-div-1',
+        adServer: {
+          vendorCode: "gam",
+          params: {
+            iu: '/19968336/prebid_cache_video_adunit',
+            cust_params: {
+              section: 'blog',
+              anotherKey: 'anotherValue'
+            },
+            output: 'vast'
+          }
+        },
+      },
+
+      bids: [{
+        bidder: 'ix',
+        params: {
+          siteId: '300',
+          size: [600, 500]
+        }
+      }]
+    }];
+
+    var pbjs = pbjs || {};
+    pbjs.que = pbjs.que || [];
+
+    pbjs.que.push(function () {
+      pbjs.onEvent('adImpression', event => {
+        console.log('adImpression: ', event);
+      });
+      pbjs.setConfig({
+        video: {
+          providers: [{
+            divId: 'vid-div-1',
+            // vendorCode for videojs
+            vendorCode: 2,
+            playerConfig: {
+              params: {
+                vendorConfig: {
+                  mediaid: 'd9J2zcaA',
+                  advertising: {
+                    adscheduleid: "00000000",
+                    client: 'vast',
+                    offset: "10",
+                    tag: [
+                      'https://pubads.g.doubleclick.net/gampad/ads?sz=640x480&' +
+                      'iu=/124319096/external/ad_rule_samples&ciu_szs=300x250&ad_rule=1&' +
+                      'impl=s&gdfp_req=1&env=vp&output=xml_vmap1&unviewed_position_start=1&' +
+                      'cust_params=sample_ar%3Dpremidpostpod%26deployment%3Dgmf-js&cmsid=496&' +
+                      'vid=short_onecue&correlator=',
+                      "http://playertest.longtailvideo.com/mid.xml"
+                    ],
+                  }
+                }
+              }
+            }
+          },]
+        }
+      });
+      pbjs.addAdUnits(adUnits);
+      pbjs.requestBids();
+    });
+  </script>
+</head>
+
+<body>
+  <h2>VideoJS Adapter Test</h2>
+
+  <h5>Div-1 existing Player</h5>
+
+  <video id='vid-div-1' class="video-js vjs-big-play-centered"
+    data-setup='{"controls": true, "autoplay": false, "preload": "auto"}'>
+    <source src="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4" type="video/mp4">
+  </video>
+
+  <h5>Div-2 existing player without automatic setup</h5>
+  <video-js id='vid-div-2' data-setup='{"controls": true}'>
+    <source src="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4" type="video/mp4">
+  </video-js>
+
+  <h5>Div-3 controlled Player</h5>
+  <div id='vid-div-3'></div>
+
+
+  <script src="https://vjs.zencdn.net/7.17.0/video.min.js"></script>
+  <script src="https://imasdk.googleapis.com/js/sdkloader/ima3.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/videojs-contrib-ads/6.9.0/videojs-contrib-ads.js"
+    integrity="sha512-XjyyAijQGlXZET35toG8igvVs8HvfVgKXGnbfAs2EpZ0o8vjJoIrxL9RBBQbQjzAODIe0jvWelFfZOA3Z/vdWg=="
+    crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/videojs-ima/1.11.0/videojs.ima.js"
+    integrity="sha512-9ocW9fl8CKJhZp4cmDpLDGPuTQ93gvw1iIS6daMYc5Y0Xh1all8iwdoI+iNmZpiydpdDGyKMTriXDX0wfs2OEg=="
+    crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+
+</body>
+
+</html>
diff --git a/libraries/video/constants/enums.js b/libraries/video/constants/enums.js
@@ -0,0 +1,5 @@
+export const PLAYBACK_MODE = {
+  VOD: 0,
+  LIVE: 1,
+  DVR: 2
+};
diff --git a/libraries/video/constants/events.js b/libraries/video/constants/events.js
@@ -0,0 +1,97 @@
+// Life Cycle
+export const SETUP_COMPLETE = 'setupComplete';
+export const SETUP_FAILED = 'setupFailed';
+export const DESTROYED = 'destroyed';
+
+// Ads
+export const AD_REQUEST = 'adRequest';
+export const AD_BREAK_START = 'adBreakStart';
+export const AD_LOADED = 'adLoaded';
+export const AD_STARTED = 'adStarted';
+export const AD_IMPRESSION = 'adImpression';
+export const AD_PLAY = 'adPlay';
+export const AD_TIME = 'adTime';
+export const AD_PAUSE = 'adPause';
+export const AD_CLICK = 'adClick';
+export const AD_SKIPPED = 'adSkipped';
+export const AD_ERROR = 'adError';
+export const AD_COMPLETE = 'adComplete';
+export const AD_BREAK_END = 'adBreakEnd';
+
+// Media
+export const PLAYLIST = 'playlist';
+export const PLAYBACK_REQUEST = 'playbackRequest';
+export const AUTOSTART_BLOCKED = 'autostartBlocked';
+export const PLAY_ATTEMPT_FAILED = 'playAttemptFailed';
+export const CONTENT_LOADED = 'contentLoaded';
+export const PLAY = 'play';
+export const PAUSE = 'pause';
+export const BUFFER = 'buffer';
+export const TIME = 'time';
+export const SEEK_START = 'seekStart';
+export const SEEK_END = 'seekEnd';
+export const MUTE = 'mute';
+export const VOLUME = 'volume';
+export const RENDITION_UPDATE = 'renditionUpdate';
+export const ERROR = 'error';
+export const COMPLETE = 'complete';
+export const PLAYLIST_COMPLETE = 'playlistComplete';
+
+// Layout
+export const FULLSCREEN = 'fullscreen';
+export const PLAYER_RESIZE = 'playerResize';
+export const VIEWABLE = 'viewable';
+export const CAST = 'cast';
+
+export const allVideoEvents = [
+  SETUP_COMPLETE, SETUP_FAILED, DESTROYED, AD_REQUEST, AD_BREAK_START, AD_LOADED, AD_STARTED,
+  AD_IMPRESSION, AD_PLAY, AD_TIME, AD_PAUSE, AD_CLICK, AD_SKIPPED, AD_ERROR, AD_COMPLETE, AD_BREAK_END, PLAYLIST,
+  PLAYBACK_REQUEST, AUTOSTART_BLOCKED, PLAY_ATTEMPT_FAILED, CONTENT_LOADED, PLAY, PAUSE, BUFFER, TIME, SEEK_START,
+  SEEK_END, MUTE, VOLUME, RENDITION_UPDATE, ERROR, COMPLETE, PLAYLIST_COMPLETE, FULLSCREEN, PLAYER_RESIZE, VIEWABLE,
+  CAST
+];
+
+export const AUCTION_AD_LOAD_ATTEMPT = 'auctionAdLoadAttempt';
+export const AUCTION_AD_LOAD_ABORT = 'auctionAdLoadAbort';
+export const BID_IMPRESSION = 'bidImpression';
+export const BID_ERROR = 'bidError';
+
+export const videoEvents = {
+  SETUP_COMPLETE,
+  SETUP_FAILED,
+  DESTROYED,
+  AD_REQUEST,
+  AD_BREAK_START,
+  AD_LOADED,
+  AD_STARTED,
+  AD_IMPRESSION,
+  AD_PLAY,
+  AD_TIME,
+  AD_PAUSE,
+  AD_CLICK,
+  AD_SKIPPED,
+  AD_ERROR,
+  AD_COMPLETE,
+  AD_BREAK_END,
+  PLAYLIST,
+  PLAYBACK_REQUEST,
+  AUTOSTART_BLOCKED,
+  PLAY_ATTEMPT_FAILED,
+  CONTENT_LOADED,
+  PLAY,
+  PAUSE,
+  BUFFER,
+  TIME,
+  SEEK_START,
+  SEEK_END,
+  MUTE,
+  VOLUME,
+  RENDITION_UPDATE,
+  ERROR,
+  COMPLETE,
+  PLAYLIST_COMPLETE,
+  FULLSCREEN,
+  PLAYER_RESIZE,
+  VIEWABLE,
+  CAST,
+};