List of contents:
Setting up a Default Ad
There is a section in the FV Player settings called Ads. This window is the place where you can set up the default overlay ad, that will show up with every video, unless the Skip global ad in this video option is turned on in the short code editor.
The default ad, or global ad, is an overlay pop-up window, that will appear over every video on your site. You can either use a Google ad code or a text ad. If you use a Google ad, then you should also specify the dimensions. Here's a detailed guide on how to do this - Incorporating Google Ads (AdSense).
The text ad is formatted in HTML and can be styled with CSS. All you need to do is write the desired copy into the window. You can set the dimensions of the ad box (that should not be bigger than the size of your videos), but it's not necessary for text ads, and also colour of the text and link to fit with the rest of your site. Ultimately you can add CSS styling. Check the picture below:
- This is the window where you can write the text of the ad
- Here you can set up the width (W) and height (H) of the ad
- Show After means the number of seconds, after which the ad is shown
- To set up the colour, use the colour picker that emerges after clicking into one of these fields, or just write the colour code in HEX format (without the "#" symbol)
After saving the new settings, the ad should appear on every video, if not specified otherwise. Keep in mind, that the ad won't be shown to viewers who use an ad blocking software.
Adding Custom Overlay Ads
If you don't want to serve a global ad for all the videos, you can add one manually to each video you post. Before you do that, go to Settings > FV Player > Post Interface Options and tick the box labeled Ads.
Now just open the shortcode editor, add a video of your choice and then add the Ad code to the respective field in the same way as you would do with the global ad. If you add a custom ad, it will automatically replace the global one. Here you can also make the video free of any ads by ticking the Skip global ad in this video box.
Programmers can use WordPress filter hook fv_flowplayer_ad_html to control what shows up in the ad. Read more about WordPress filters in the official documentation.
For more control over the ad styling, use the .wpfp_custom_ad_content CSS selector.
As you can see in the example video below, the custom ad looks the same as the global one.