posting a test video

Author: SSuranie

examples/video/pb-ve-test.html

@@ -0,0 +1,178 @@
+---
+layout: video_sample
+title: Prebid Video | Instream Example with  JW Player (Hosted) 
+description: An example of an instream pre-roll ad using Prebid.js and JW Player (Hosted).  
+videoType: pb-is-jw02
+isVideo: true
+sidebarType: 4
+---
+
+
+
+<div class="container">
+	<div class="row">
+		<h1>{{ page.title }}</h1>
+		<p>{{page.description }}</p>
+		
+		<!--video warning-->
+		<div markdown="span" class="pb-alert pb-alert-important" role="alert">
+			<i class="fa fa-exclamation-circle"></i>
+			<p style="color:#85720f"><b>Important:</b>
+			This example uses a test version of Prebid.js hosted on our CDN that is not recommended for production use. It includes all available adapters. Production implementations should build from source or customize the build using the Download page to make sure only the necessary bidder adapters are included.</p>
+		</div>
+		
+		<!--video placeholder | this should be formatted per the needs of each player-->
+		<div id="playerContainerJW" style='width:640px; height:480px; border:1px solid black;'></div>
+		
+		<!--video code fencing-->
+					
+		<!--header code example-->
+		<div markdown="span" class="pb-alert pb-alert-warning" role="alert">
+			<i class="fa fa-exclamation-circle"></i>
+			<p style="color:#a94443"><b>Warning:</b>
+			Do not forget to exchange the placementId in the code examples with your own placementId!</p>
+		</div>
+		
+		<div>
+			<h4>Place this code in the page header.</h4>
+<pre class="pb-code-hl">
+<!--put javascript code here-->
+&lt;script async src="//acdn.adnxs.com/prebid/not-for-prod/1/prebid.js"&gt;&lt;/script&gt;
+&lt;script type="text/javascript" src="http://ssl.p.jwpcdn.com/player/v/7.2.4/jwplayer.js"&gt;&lt;/script&gt;
+&lt;script type="text/javascript"&gt;
+	jwplayer.key = "YEUwUA9wRFeDcydr"; //Test Key - replace this with your own valid JWPlayer license key<br>
+&lt;/script&gt;
+&lt;script&gt;
+	var pbjs = pbjs || {};
+	pbjs.que = pbjs.que || [];
+	
+	// define invokeVideoPlayer in advance in case we get the bids back from prebid before the entire page loads<br>
+	var tempTag = false;
+	var invokeVideoPlayer = function(url) {
+	    tempTag = url;
+	}
+	
+	var videoAdUnit = {
+	    code: 'video1',
+	    mediaTypes: {
+	        video: {
+	            playerSize: [640, 480],
+	            context: 'instream'
+	        }
+	    },
+	    bids: [{
+	        bidder: 'appnexus',
+	        params: {
+	            placementId: 13232361, // Add your own placement id here<br>
+	            video: {
+	                skipppable: true,
+	                playback_method: ['auto_play_sound_off']
+	            }
+	        }
+	    }]
+	};
+	
+	pbjs.que.push(function() {
+	    pbjs.addAdUnits(videoAdUnit); // add your ad units to the bid request<br>
+	    pbjs.setConfig({
+	        debug: true,
+	        cache: {
+	            url: 'https://prebid.adnxs.com/pbc/v1/cache'
+	        }
+	    });
+	
+	    pbjs.requestBids({
+	        bidsBackHandler: function(bids) {
+	            var videoUrl = pbjs.adServers.dfp.buildVideoUrl({
+	                adUnit: videoAdUnit,
+	                params: {
+	                    iu: '/19968336/prebid_cache_video_adunit',
+	                    cust_params: {
+	                        section: 'blog',
+	                        anotherKey: 'anotherValue'
+	                    },
+	                    output: 'vast'
+	                }
+	            });
+	            invokeVideoPlayer(videoUrl);
+	        }
+	    });
+	});
+
+&lt;/script&gt;	
+</pre>
+
+		</div>
+					
+		<!--body code example-->
+		<div>
+			<h4>Place this code in the page body.</h4>
+<pre class="pb-code-hl">
+<!--put body html and javascript here-->
+&lt;!--player div--&gt;
+&lt;div id="playerContainerJW" style='width:640px; height:480px; border:1px solid black;'&gt;&lt;/div&gt;
+&lt;script&gt;
+	var jwPlayerInstance = jwplayer("playerContainerJW");
+	
+	invokeVideoPlayer = function(url) {
+	    jwPlayerInstance.setup({
+	        "file": "http://video-demo.appnexus.com/pbjs/JWPlayerDemo/AppNexus_Summit_Video_HighRes.mp4",
+	        "width": 640,
+	        "height": 480,
+	        "autostart": true,
+	        "mute": true,
+	        "advertising": {
+	            client: "vast",
+	        }
+	    });
+	
+	    jwPlayerInstance.on('beforePlay', function() {
+	        jwPlayerInstance.playAd(url);
+	    })
+	}
+	
+	if (tempTag) {
+	    invokeVideoPlayer(tempTag);
+	    tempTag = false;
+	}
+
+&lt;/script&gt;
+
+
+</pre>
+		</div>
+	
+	</div>
+</div>
+	
+<!--video player code-->
+	<script>
+	    var jwPlayerInstance = jwplayer("playerContainerJW");
+	
+	    invokeVideoPlayer = function(url) {
+	        jwPlayerInstance.setup({
+	            "file": "http://localhost:8080/examples/video/instream/jwplayer/pb-ve-jwplayer-hosted.html",
+	            "width": 640,
+	            "height": 480,
+	            "autostart": true,
+	            "mute": true,
+	            "advertising": {
+	                client: "vast",
+	            }
+	        });
+	
+	        jwPlayerInstance.on('beforePlay', function() {
+	            jwPlayerInstance.playAd(url);
+	        })
+	    }
+	
+	    if (tempTag) {
+	        invokeVideoPlayer(tempTag);
+	        tempTag = false;
+	    }
+	
+	</script>
+
+	
+	<script type="text/javascript" src="/assets/js/video/pb-code-highlight.js"></script>
+