Flowplayer · Mid-roll video advert

This shows a video advert (mid-roll) at 3 seconds into the feature video.

JavaScript install alternative

Video adverts depend on what's available in the AdSense inventory and your region. Sometimes there may be no video advert matching the current criteria. As the inventory for image_text may be larger you should you should set the ad_type to "video_image_text" if you want to make sure that an advert is shown.

<head/>

Include the ASF assets after loading all other Flowplayer assets:

<!-- jQuery required for VIDEO tag based installations -->
<script src="//code.jquery.com/jquery-1.12.4.min.js"></script>
<!-- Flowplayer -->
<script src="//releases.flowplayer.org/7.0.4/flowplayer.min.js"></script>
 
<!-- Flowplayer hlsjs plugin -->
<script src="//releases.flowplayer.org/hlsjs/flowplayer.hlsjs.min.js"></script>
 
<!-- Google IMA SDK -->
<script src="//imasdk.googleapis.com/js/sdkloader/ima3.js"></script>
<!-- Flowplayer ASF plugin -->
<script src="//releases.flowplayer.org/asf/flowplayer.org/2.1.6/asf.min.js"></script>

HTML

asf.min.js is the AdSense plugin for Flowplayer - you will get your own version of it when you sign up with our AdSense program. This plugin will be tied to your personal ad slot so that the ad impressions and clicks will be associated with your account, and the ad revenue will be assigned to you.

This page uses //releases.flowplayer.org/asf/flowplayer.org/2.1.6/asf.min.js which was built for the flowplayer.org domain and its subdomains. Make sure you are using the build we created for you, otherwise you will not see any revenues.

<style>

.flowplayer {
background-image: url(//flowplayer.com/media/img/logo-blue.png);
background-size: 95%;
background-color: #fff !important;
-webkit-box-shadow: 0 0 20px #b8b8b8;
-moz-box-shadow: 0 0 20px #b8b8b8;
box-shadow: 0 0 20px #b8b8b8;
}

CSS

<body/>

Player container and ads configuration

<div class="flowplayer" data-ratio="0.5625">
 
<!-- inline AdSense for Video configuration -->
<script>
flowplayer_ima.conf({
// this should only be set when you are testing your installation
adtest: true,
 
// make the Google robots crawl the current page
description_url: location.href,
 
// adverts configuration
ads: [{
// 3 seconds into the feature video ...
time: 3,
 
// ... we request an advert of type standardvideo with max duration of one minute
ad_type: "standardvideo",
max_ad_duration: 60000
}]
 
});
</script>
 
<video>
<source type="application/x-mpegurl" src="//edge.flowplayer.org/drive.m3u8">
<source type="video/mp4" src="//edge.flowplayer.org/drive.mp4">
</video>
 
</div>

HTML

ad_type defines what types of ads will be requested and shown. Here we only show standardvideo adverts. If you don't specify the ad_type value at all it will show video, image and text ads because the default ad_type value is "video_image_text".

AdSense for Flowplayer demos