Skip to content

FluidPlayerPlugin

Fluid Player Plugin

A plugin I made to facilitate the integration of FluidPlayer into WordPress sites. Its plug-and-play, so its super easy to use. Just download the plugin, upload and install into your WordPress site, activate the plugin, then use the shortcode fluidplayer.

Contents :

  1. How to install
  2. How to use
  3. FluidPlayer shortcode (customizations)
  4. Support

How To Install :

  1. Download the plugin archive file (.zip) below.
  2. Go to your WordPress admin dashboard and upload the downloaded archive file.
  3. Once uploaded, activate the plugin.
  4. Now in your post, page, or anywhere in your site, you can embed FluidPlayer like so
    [fluidplayer src='https://customer-vh.akamaihd.net/i/smil_file_name.smil/master.m3u8']

Download: FluidPlayerPlugin 1.0 (5 downloads)

 


How To Use :

  1. Go to the FluidPlayerPlugin page

    fluidplayer-plugin-page
    fluidplayer-plugin-page
  2. The plugin has both settings and configuration. You can only have a single settings file, but multiple configuration file. Having multiple configuration file allows you to switch between multiple advertising network easily.
  3. The plugin comes with a default settings and configuration. Update this accordingly. For your ads to work, you need to update the following fields
    1. Vast Tag Filepath / URL : your vast file url   (this field can work with any advertising network) Leave the field empty to disable this ad.
    2. Invideo_vast_tag : your banner vast file url (this filed can work with any advertising network) Set the value to 0 to disable this specific ad
    3. Invideo_idzone_300x250 : your invideo id zone (this field can only work with exoclick.) Set the value to 0 to disable this specific ad.
  4. Once you have saved your new configuration file, proceed to edit the settings file. The fields are explained below
      1. Config Name : choose any config file available (required)
      2. Disable Ads : disable all fluidplayer ads (fluidplayer still runs as normal)
      3. Disable FluidPlayer: disable fluidplayer and fall back to html to load video. Ads are disabled as well.
  5. Now that you have saved your configuration and settings, you can start using fluidplayer in your site.
    1. Create a post, a page, or anything where you can insert a shortcode. Try the following [fluidplayer src="https://www.w3schools.com/html/mov_bbb.mp4"] and see if it works.
    2. Modify the src field to whatever video you are trying to load.
  6. You are set to go.

FluidPlayer Shortcode

In case you wish to customize your FluidPlayer video, the following attributes are available to use in your shortcode.

  1. src : the url of your video
  2. width : the width of your video   e.g 480px
  3. height : the height of your video e.g 640px
  4. vast_file : the url of your vast file (this overrides the url from the configuration file)

Some examples :

  1. Basic : [fluidplayer src="https://www.w3schools.com/html/mov_bbb.mp4" width="500px" height="500px"]
  2. With width and height : [fluidplayer src="https://www.w3schools.com/html/mov_bbb.mp4" width="500px" height="500px"]
  3. With vast_file : [fluidplayer src="https://www.w3schools.com/html/mov_bbb.mp4" vast_file="https://vast_file.com/vast_file.xml"]

Support

If you require assistance, just enter in the comments below and I’ll get back to you as soon as possible.

Enjoyed the content ? Share it with your friends !

Be First to Comment

Leave a Reply

Your email address will not be published. Required fields are marked *