Flowplayer · Image/Text advert

This shows a non linear image or text advert at 3 seconds into the video.

JavaScript install alternative

<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.org/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

Player container and ads configuration

The player container with the ASF configuration in an inline SCRIPT tag:

<div class="flowplayer" data-aspect-ratio="12:5">
 
<!-- specific AdSense for Video configuration nested inside the player container -->
<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 video ...
time: 3,
 
// ... we request an advert of type image or type text
ad_type: "image_text"
}]
});
</script>
 
<video>
<source type="application/x-mpegurl" src="//edge.flowplayer.org/playful.m3u8">
<source type="video/mp4" src="//edge.flowplayer.org/playful.mp4">
</video>
 
</div>

HTML

ad_type defines what types of ads will be requested and shown. Here we only show image and text 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