Flowplayer HTML5 for WordPress

Description

Flowplayer HTML5 for WordPress provides a video management system for self hosted videos where you can manage them from a central place. The videos are displayed with the world-famous Flowplayer video player using a simple shortcodes. This is the official WordPress plugin from the makers of Flowplayer.

Main features

  • Easily manage all of your videos in a central place
  • Insert videos in posts, pages and custom post types using the shortcode e.g. [flowplayer id=”123″] , [flowplayer playlist=”123″]
  • Display videos in the sidebar with the “Video Widget”
  • Create playlists using the existing videos
  • Style the video player with the three default Flowplayer skins: Minimalist, Functional and Playful
  • Track your video video audience and traffic with Google Analytics
  • Video adverts with Google AdSense
  • Supports WEBM, MP4, OGG, FLV(flash), RTMP and HLS video formats.
  • Use Flowplayer to play your live streams
  • Show your video in any desired player size. Detects the video dimensions for configuring the correct player size
  • Supports subtitles
  • Fully internationalized – Help Translate
  • Switch easily between Flowplayer v5 and Flowplayer v6

Demos | Documentation | Support

Branding free with Flowplayer Commercial

The commercial version is free of Flowplayer branding and you can use your logo. The commercial Flowplayer version can be enabled by supplying a license key.

Let Flowplayer Drive host your videos

Flowplayer Drive is an all-round solution for online video sharing and publishing. It makes the task of uploading, managing, sharing, and publishing videos extremely simple without sacrificing on quality and speed, and utilizing the latest web video technologies.

  • Maximum browser coverage
  • Multi-resolution videos with quality switching
  • Videos optimized for best results
  • Maximum streaming throughout on a global video network
  • Free with Flowplayer watermark

Flowplayer Drive details

Monetize your videos

Google AdSense for Flowplayer (ASF) allows publishers to monetize their videos by adding advertisements. While AdSense is normally restricted to sites with more than 10 million streams per month, Flowplayer makes it available for everyone.

Sign up for Google AdSense for Flowplayer (ASF)

Developer Docs

Filters

Actions

Examples

Here are a few code examples of things that have been asked.
/**
* Load flowplayer assets on the home page for video 14.
*/
function fp5_has_shortcode( $has_shortcode ) {
if ( is_front_page() ) {
$has_shortcode[] = array(
‘id’ => ‘123’, // Define the video ID
);;
}
return $has_shortcode;
}
add_filter( ‘fp5_filter_has_shortcode’, ‘fp5_has_shortcode’ );

/**
 * Change post type arg to support hierarchical format.
 */
function fp5_post_type_arg_hierarchical( $args ) {
    $args['supports']     = array( 'title', 'page-attributes' );
    $args['hierarchical'] = true;
    return $args;
}
add_filter( 'fp5_post_type_args', 'fp5_post_type_arg_hierarchical' );

/**
 * Display links for single video posts and activate archive page.
 */
function fp5_post_type_arg_video_post( $args ) {
    $args['public']      = true;
    $args['has_archive'] = true;
    return $args;
}
add_filter( 'fp5_post_type_args', 'fp5_post_type_arg_video_post' );

/**
 * Disable "Help Tooltip" - Add additional configuration options.
 */
function fp5_js_config( $config, $id ) {

    // Defne setting for video 15
    if ( '15' == $id ) {
        $config['tooltip']    = false;
    }
    $config['fullscreen'] = false;

    return $config;
}
add_filter( 'fp5_js_config', 'fp5_js_config', 10, 2 );

/**
 * Define post meta defaults
 */
function fp5_post_meta_defaults( $defaults ) {
    $defaults['fp5-no-embed'] = array( 'true' );
    return $defaults;
}
add_filter( 'fp5_post_meta_defaults', 'fp5_post_meta_defaults' );

Translation

Join the Translation Team

Credits

The plugin can also be found on GitHub.

Screenshots

  • Posting a video
  • Flowplayer Drive
  • Video Widget
  • Plugin Settings
  • Video Frontend

FAQ

Installing from the WordPress dashboard
  1. Navigate to the ‘Add New’ plugins dashboard
  2. Search for ‘Flowplayer5 for WordPress’
  3. Click ‘Install Now’
  4. Activate the plugin on the WordPress Plugin dashboard
Uploading in the WordPress dashboard
  1. Navigate to the ‘Add New’ plugins dashboard
  2. Navigate to the ‘Upload’ area
  3. Select flowplayer5.zip from your computer
  4. Upload
  5. Activate the plugin on the WordPress Plugin dashboard
Using FTP
  1. Download flowplayer5.zip
  2. Extract the flowplayer5 directory to your computer
  3. Upload the flowplayer5 directory to your wp-content/plugins directory
  4. Activate the plugin on the WordPress Plugins dashboard
Configuration

You can configure Google Analytics, a Commercial Flowplayer license key and a custom watermark logo in the plugin’s global options. You can purchase a commercial license at flowplayer.org.

Where can I upload the videos?

There are three ways you add add a video

  1. You can use the WordPress media manager and upload the videos there.
  2. You can use Flowplayer Drive to upload a video and let Flowplayer.org host you video.
  3. You can store your videos on Amazon S3 or any other cloud host and add the links manually.
What video format do I need?

It is recommended to add at least two video formats so that the video plays on as many browsers as possible. By default Flowplayer attempts to use HTML5 video, and if it’s not supported then Flash (9.0+) and MP4 is used. MP4 is enough for complete browser support, but providing WebM and/or OGG video gives you broader support for HTML5 video which is the preferred technology.

Why use Flowplayer when there is video support since WordPress 3.6?

Flowplayer HTML5 for WordPress provides a video management system where you can manage all of your video from a central place. You do not need to remember all of the shortcode configuration attributes, you can simply configure the videos form within the options. We are continuously adding further features to the plugin.

Why can I not see the video that I just uploaded to Flowplayer Drive?

It takes some time for the video to be processed. The plugin fetches the video links from Flowplayer.org and the results are cached. The cache is refreshed every 15 minutes.

How do I load Flowplayer assets locally when using Flowplayer Commercial?

If you want to load the Flowplayer assets (JS, CSS and SWF) for your site then you can download the files from your account. Create a new folder flowplayer-commercial in wp-content. Place the files in this new folder. The option in the settings to use Flowplayer CDN should be disabled

How do I add Ads to my videos?

After Signing up you will get your own custom advertising plugin that you upload and paste the link in the settings.

How do I create a playlist?

Edit the video you want to add to a playlist and there should be a playlist box. You can choose an existing playlist or create a new one there. You can add the playlist to a post via the “Add Video” button under the post title.

How do I set multi-resolution videos?

With Flowplayer HTML5 for WordPress v1.10.0 we have included multi-resolution videos support.

  • The easy way is to use Flowplayer Drive paid version where everything is done for you.

  • The second way requires creating the multiple resolution files and naming them using the predefined naming structure. In the configuration tab you need to define the default video resolution and the other resolutions.

Can I test the commercial version?

Yes, we have some sample keys for the specific urls

localhost  $289122895653393
127.0.0.1  $130388743137804
Flowplayer Drive issues?

If you are unable to connect to the Flowplayer Drive API, make sure you are connected to the internet and that you are logged in. You can login in the Settings page.

Flowplayer issues?

If you are having a issue please check the Flowplayer known issues page.

What happens when I disable the plugin?

Nothing, other then it being disabled.

What happens when I uninstall the plugin?

Why would you want to do that? 🙂 If you do need to uninstall the plugin all of the data (Flowplayer videos and settings) will be deleted so that you do not have unnecessary data left on your database. Your media files will not be deleted. If you want to backup the Flowplayer videos that you have created you can easily export them under Tools -> Export -> Videos.

Reviews

I tried and tried but it just doesn't work

I am using WordPress 4.4 with the S2Member framework.

Sometimes videos play, sometimes they don’t.

Playlists do not work at all. All I get is a video loading with <prev and next> links under it. Audio starts, but no video. Clicking video changes it to a black screen.

I was under the impression the videos would all be under the main video and replace the main video.

I have to load 20+ videos all on one page, then wait for them all to load before the first video will even work.

I’ve tried and tried over the years but this has just never worked correctly for me. :/

Read all 18 reviews

Contributors & Developers

“Flowplayer HTML5 for WordPress” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

We have a lot of plans for this plugin. You can see some of the up and coming features in the roadmap

2.1.0 – 27 December 2016

  • Add VAST support
  • Prefer HLS format if available
  • Fix webm support in playlists

Fix coloring option for FP5

  • Update support for WP 4.7

2.0.2 – 27 October 2016

  • Update support for AdSense for Flowplayer to version 2
  • Add support for Flowplayer Drive Analytics script
  • Fix HLS plugin loading
  • Fix the slightly inconsistent behaviour of the CDN setting

2.0.1 – 6 April 2016

  • Fix issue for sites with older PHP versions

2.0.0 – 5 April 2016

This is a large update. It has been tested extensively but we still could have missed something. Make sure to test it before installing on a live site.
* Updated Flowplayer to v6.0.5
* Add support for multiple ads in a video
* Restyled the settings page to make it easier to use.
* Add a video option to choose to load the HLS script plugin
* Updated the local versions of the HLS and quality selector plugins
* Fixed tab styles in WP 4.4
* Update support for WP 4.5
* Added an setting to define the Flash HLS SWF file
* Deprecated action fp5_video_config, use the filter fp5_js_config instead
* Changed from hard coding the ads configuration to an array so that they are easier to customize.
* A few code improvements from @dannyvankooten
* Made the preview button disappear as it is not needed
* Rearranged a chunk of code to make it more extendable

1.13.0 – 16 December 2015

  • Updated Flowplayer to v6.0.4
  • Updated the quality selector scripts
  • Updated HLS script
  • Included the extra features for playlists that came in Flowplayer v6. e.g. Quality selector for videos in playlists and RTMP URL per Video
  • Updated dashboard widget library code to support PHP 7
  • Increased WordPress minimum requirement to 3.7
  • Improved database queries performance

1.12.1 – 15 November 2015

  • Fixed bug with feature checker for loading extra JS
  • Fixed bug with removing settings when commercial key used
  • Improve coding style

1.12.0 – 07 November 2015

  • Fixed bug for the check to show brand name on own site
  • Added support for the HLS Flowplayer plugin
  • Hide the CDN option when the commercial key is added
  • Automatically add the video title from Flowplayer Drive
  • Add support for lightbox

1.11.2 – 06 September 2015

  • Fix two small bugs
  • Added Italien translation. Props Maurizio Sansone

1.11.1 – 28 August 2015

  • Add video id to filters as an attribute
  • Fix issue with HLS URL returning blank from Flowplayer Drive
  • Remove http from URLs returned from Flowplayer Drive
  • Add default video quality to list of qualities
  • Fix issue of overescaping data config output

1.11.0 – 8 August 2015

  • update to Flowplayer 6 and add support for new features in Flowplayer 6
  • add support for description_url for ads
  • allow single options to be overriden in the shortcode e.g. `[flowplayer id=”123″ show_title=”true”]
  • fix bug: playlists with only a mp4 file would not play
  • improved the settings code
  • depricate filter fp5_filter_flowplayer_data to be removed in v2.0

1.10.7 – 5 April 2015

  • fix bug: foreach warning on 404 page
  • prepare for taxonomy term splitting in WP 4.2
  • Reduce cache size by chaching processed video array

1.10.6 – 7 March 2015

  • fix bug: checking video id with nested shortcodes
  • fix bug: Invalid argument supplied for foreach()

1.10.5 – 1 March 2015

  • fix bug: playing videos on different pages
  • fix bug: fix issue with videos from Flowplayer Drive
  • add filter to define new video defaults

1.10.4 – 21 February 2015

  • fix bug: play videos when in a blog loop
  • fix bug: fix issue with loading all of the videos from Flowplayer Drive

1.10.3 – 3 February 2015

  • fix bug: fix code Flowplayer Drive API
  • fix bug: fix issue with Playlist JS

1.10.2 – 23 December 2014

  • move background inline css to stylesheet
  • support nested shortcodes when fetching shortcode args
  • add css fix for Twenty Fifteen
  • additional classes for playlists
  • fix bug: allow more then 10 videos in a playlist
  • fix bug: allow multiple playlists on a single page
  • fix saving video order for playlists

1.10.1 – 7 December 2014

  • add live streaming option
  • update to Flowplayer 5.5.2
  • improve security and coding styles

1.10.0 – 9 November 2014

  • add complete multi-resolution support
  • add an option to define Flowplayer assets directory e.g. CDN
  • fix bug: embed options
  • prefix two classes

1.9.4 – 9 October 2014

  • fix bug: change class from .flowplayer to .flowplayer-video
  • fix bug: letting 0 be a valid number for ads time
  • fix bug: removed trailing comma in JS and moved action fp5_video_config to the start of the JS

1.9.3 – 2 October 2014

  • fix bug: adding asf js and css files
  • fix bug: fetching the correct resolution video from Flowplayer Drive

1.9.2 – 21 September 2014

  • fix bug: remove spurious comma
  • fix bug: rtmp and flash videos
  • add video unique class
  • add German translation
  • prepare for multi-resolution support for Flowplayer Drive

1.9.1 – 5 September 2014

  • fix bug: shortcode loading at the top content – the shortcode was printed and not returned

1.9.0 – 4 September 2014

  • add Playlist support
  • update to Flowplayer HTML5 5.5.0
  • fix CSS issue with Yoast Video SEO
  • update upload button text in the settings
  • add hidden field with duration for Yoast Video SEO
  • stop video width and height calculation when custom width or height are defined

1.8.1 – 17 April 2014

  • replace php short tags with full tags
  • fix icon for WordPress 3.9

1.8.0 – 9 March 2014

  • introducing Flowplayer Drive to replace Flowplayer Designer
  • add support for Google AdSense for Flowplayer

1.7.0 – 16 February 2014

  • add full support for flash video file, rtmp and hls
  • cache Flowplayer designer video results
  • allow all data to be deleted from all sites when uninstalling on a multisite
  • update pot file
  • update to colorbox v1.4.37

1.6.0 – 25 January 2014

  • add support for all of the modifier classes
  • improve structure of video options by splitting options with tabs
  • add support for “At a Glance” dashboard widget

1.5.0 – 26 December 2013

  • update to Flowplayer HTML5 5.4.6
  • minify all back-end scripts and styles
  • reformatted video format meta and add a new filter
  • started adding flash video file and rtmp support

1.4.0 – 10 December 2013

  • added a video widget
  • added support for WordPress 3.8
  • added responsive design to the admin area
  • code improvements

1.3.0 – 24 November 2013

  • added a few extra filters
  • updated FAQ with more code documentation
  • code improvements

1.2.0 – 10 November 2013

  • added functionality to fetch videos from Flowplayer Designer directly in the admin area
  • added a few filters and actions
  • reorganisations of files and folders
  • update to Flowplayer HTML5 5.4.4
  • enable subtitle after being disabled in version 1.0.0

1.1.0 – 20 September 2013

  • added an extra column to show the shortcode in the overview
  • added a button in the posts pages so add shortcodes easily
  • fixed typos and updated pot file

1.0.0 – 18 August 2013

  • complete rewrite of plugin – now you can manage all of your videos in one place
  • updated the Flowplayer HTML5 code to version 5.4.3
  • added preload option
  • added CDN option
  • added a few more Flowplayer options
  • added embed options
  • disable subtitles temporarily till Flowplayer version 5.4.4 is released

0.5.0 – 3 March 2013

  • updated the Flowplayer HTML5 code to version 5.3.2
  • fixed splash image sizing

0.4.0 – 16 January 2013

  • fixed the new “show logo on origin site” checkbox that was introduced in version 0.3
  • now possible to add several players with different skins in one post/page
  • fixed: the “Send to Editor” button became non-functional if the media library window was closed without choosing media

0.3.0 – 16 January 2013

  • now in the posting UI the height of the player is calculated based on video’s aspect ratio
  • added option to show the logo also in the origin site, and not just only in virally embedded players

0.2.0 – 16 January 2013

  • fixed to work when this plugin is symlinked in the wp-content/plugins directory
  • fixed link to plugins configuration page
  • fixed player scaling, does not use a fixed player size any more
  • added an option to make the player size fixed

0.1.0 – 4 January 2013

  • Initial release