Skip to content

added video docs #4

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
ghost wants to merge 7 commits into
base: master
Choose a base branch
from
Open

added video docs #4

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
54dc420
added video docs
jongo593 Apr 2, 2018
12f8481
updated example imeplementation to use always on campaign
jongo593 Apr 2, 2018
fbb1dbd
removed unneeded values from params
jongo593 Apr 3, 2018
e10e3b5
added timeout to videojs
jongo593 Apr 4, 2018
eb1d627
Merge branch 'master' into APEX-1466-prebid-video-docs
bretg Apr 18, 2018
03fe3e1
removed unused video params in the example videoAdunit. Added media_t…
jongo593 Apr 18, 2018
db8b60a
removed video example from the sonobi bidder param doc. Added sonobi …
jongo593 Apr 18, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions dev-docs/bidders/sonobi.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,7 @@ hide: true
biddercode: sonobi
biddercode_longer_than_12: false
prebid_1_0_supported : true
media_types: video
---

### Note:
Expand All @@ -32,3 +33,6 @@ The `ad_unit` and `placement_id` are **mutually exclusive** but at least one is
If you pass the optional `sizes` Array in your bid params it will override the global config sizes for the Sonobi Adapter only.

The `hfa` parameter requires your Sonobi Account Manager to enable this feature for you. Please contact them for further information.

### Video Example
[Sonobi Video](http://prebid.org/examples/bidders/sonobi-video-example.html)
136 changes: 136 additions & 0 deletions examples/bidders/sonobi-video-example.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,136 @@
<!--
This page exists to test a video ad, end-to-end.
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Sonobi - Prebid.js video adUnit example</title>

<!-- videojs -->
<link rel="stylesheet" href="http://vjs.zencdn.net/5.9.2/video-js.css">
<script type="text/javascript" src="http://vjs.zencdn.net/5.9.2/video.js"></script>

<!-- videojs-vast-vpaid -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/videojs-vast-vpaid/2.0.2/videojs.vast.vpaid.min.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/videojs-vast-vpaid/2.0.2/videojs_5.vast.vpaid.min.js"></script>

<!-- prebid.js -->
<script src="../../build/dist/prebid.js" async=true></script>


<script>

var pbjs = pbjs || {};
pbjs.que = pbjs.que || [];

/*
Prebid Video adUnit
*/

var videoAdUnit = {
code: 'video1',
sizes: [640, 480],
mediaTypes: {
video: {context: 'instream'}
},
bids: [
{
bidder: 'sonobi',
params: {
sizes: [],
placement_id: '92e95368e86639dbd86d'
}
}
]
};

pbjs.que.push(function(){
pbjs.addAdUnits(videoAdUnit);
pbjs.requestBids({
timeout : 100000,
bidsBackHandler : function(bids) {
var videoUrl = pbjs.adServers.dfp.buildVideoUrl({
adUnit: videoAdUnit,
params: {
cust_params: {
hb_vid: bids.video1.bids[0].creativeId
},
iu: '/7780971/apex_jwplayer_video'
}
});
invokeVideoPlayer(videoUrl);
}
});
});

pbjs.bidderSettings =
{
standard: {
adserverTargeting: [
{
key: "hb_bidder",
val: function (bidResponse) {
return bidResponse.bidderCode;
}
}, {
key: "hb_adid",
val: function (bidResponse) {
return bidResponse.adId;
}
}, {
key: "hb_pb",
val: function (bidResponse) {
return "10.00";
}
}, {
key: "hb_size ",
val: function (bidResponse) {
return bidResponse.size;

}
}
]
}
};
</script>
</head>

<body>

<h2>Sonobi Prebid Video -- video.js</h2>

<div class="example-video-container">

<video id="vid1" class="video-js vjs-default-skin vjs-big-play-centered" controls
data-setup='{}'
width='640'
height='480'
>
<source src="http://vjs.zencdn.net/v/oceans.mp4" type='video/mp4'/>
<source src="http://vjs.zencdn.net/v/oceans.webm" type='video/webm'/>
<source src="http://vjs.zencdn.net/v/oceans.ogv" type='video/ogg'/>

</video>
</div>

<script>
function invokeVideoPlayer(url) {
videojs("vid1").ready(function() {
this.vastClient({
adTagUrl: url,
playAdAlways: true,
verbosity: 4,
timeout: 100000,
vpaidFlashLoaderPath: "https://github.com/MailOnline/videojs-vast-vpaid/blob/RELEASE/bin/VPAIDFlash.swf?raw=true",
autoplay: true,
});

this.muted(true);
this.play();
});
}

</script>
</body>
</html>