Test VAST tag
HTML
<script src="http://www.longtailvideo.com/content/ova/flowplayer/flowplayer-3.2.6.min.js"></script>
<script src="http://www.longtailvideo.com/content/ova/js/ova-jquery.js"></script>
<h1>VAST tag test</h1>
<p>Testing VAST tag via
<ul>
<li><a href="http://flash.flowplayer.org/">Flowplayer</a></li>
<li><a href="http://www.longtailvideo.com/support/open-video-ads/">OVA plugin</a></li>
</ul>
</p>
<p>Paste our VAST tag here:</p>
<form>
<input type="text" value="" id="tag" /><br />
<input type="submit" />
<input type="reset" />
</form>
<div id="div"></div>
CSS
body {
font-family: Verdana;
}
div {
width: 480px;
height: 360px;
background-color: #FDD;
}
#tag {
width: 100%;
}
JavaScript
$('#tag').val('http://ads.adaptv.advertising.com/a/h/I+t0tlpuqDxT7bL5Ujx711K4B37_uvy5hMG4CHxiaao=?cb=$adCode&pageUrl=$url&description=VIDEO_DESCRIPTION&duration=VIDEO_DURATION&id=VIDEO_ID&keywords=VIDEO_KEYWORDS&title=VIDEO_TITLE&url=VIDEO_URL&eov=eov');
function vastTest(vastXml) {
vastXml = encodeURIComponent(vastXml);
console.log(vastXml);
flowplayer("div", "http://www.longtailvideo.com/content/ova/flowplayer/flowplayer-3.2.12.swf", {
debug: true,
onError: function() {
console.log('Error');
},
playlist: [
{
url: "http://vjs.zencdn.net/v/oceans.mp4"
}
],
plugins: {
audio: {
url: 'http://releases.flowplayer.org/swf/flowplayer.audio-3.2.11.swf'
},
ova: {
canFireEventAPICalls: true,
autoPlay: true,
url: "http://www.longtailvideo.com/content/ova/flowplayer/ova-1.1.0.swf",
ads: {
skipAd: {
"enabled": "true"
},
schedule: [
{
"position": "pre-roll",
"tag": vastXml
}
]
},
debug: {
"levels": "fatal, config, vast_template, http_calls"
}
}
}
});
}
$('form').submit(function() {
vastTest($('#tag').val());
return false;
});