Flowplayer Video Player for WordPress

Last updated on by admin

Flowplayer is a video player plugin that allows you to embed and play videos on your WordPress site using Flowplayer style. Flowplayer allows you to embed a self-hosted video or any video that is publicly accessible. This player is sleek with a fresh and more functional user interface.

Flowplayer Video Player Info

Plugin Name: Flowplayer Video Player
Version: 1.0.4
File Format: application/zip
Requires: WordPress 4.8
Rating: 5.0 based on 4 votes
See All Ratings/Submit Your Rating Here
Price: 0 USD

Requirements

  1. A self-hosted WordPress site running on a WordPress optimized environment like SiteGround.

Installation

You can install the plugin by following one of the two options.

Option 1

  • Go to “Plugins->Add New” from your WordPress admin dashboard
  • Search for “Flowplayer 6 Video Player”
  • Click Install once you have found it

Option 2

  • Download the zip version of the plugin
  • Go to “Plugins->Add New”
  • Click “Upload Plugin”
  • Select the zip file on your computer
  • Install it

Video Embedding


Get 50% OFF WordPress hosting through this special link here (offer expires on January 31)

There is no additional configuration for this plugin. Once you have installed it simply start embedding videos. In order to embed a video in WordPress, create a new post/page and insert the following shortcode:


[flowplayer src="http://example.com/wp-content/uploads/videos/test.mp4"]


“src” is the source of your video file (The URL of the video). This parameter takes URL to a mp4 video (H264 encoded). Additionally, you can specify path to a webm video for maximum browser compatibility. But that’s optional since mp4 format is recognized by all major browsers and smart mobile devices (iOS, android).


[flowplayer src="http://example.com/wp-content/uploads/videos/test.mp4" webm="http://example.com/wp-content/uploads/videos/test.webm"]

Video Poster

You can use the “poster” parameter to show an image as placeholder before the video plays.


[flowplayer src="http://example.com/wp-content/uploads/videos/test.mp4" poster="http://example.com/wp-content/uploads/images/poster.jpg"]

Video Autoplay

You can automatically start playing a video when the page loads using the “autoplay” parameter.


[flowplayer src="http://example.com/wp-content/uploads/videos/test.mp4" autoplay="true"]

Video Player Size

If no width is specified, the player takes up the whole content area (based on the aspect ratio). However, if you want to customize it  you can do so by specifying a width for it:


[flowplayer src="http://example.com/wp-content/uploads/videos/test.mp4" width="480"]

Video Player Ratio

The default ratio of the player is set to “0.417” (16:9). If you have a video with different aspect ratio you can specify it in the shortcode:


[flowplayer src="http://example.com/wp-content/uploads/videos/test.mp4" ratio="0.345"]

Video Loop

If you enable loop option for a video it will loop to the beginning every time it finishes.


[flowplayer src="http://example.com/wp-content/uploads/videos/test.mp4" loop="true"]

Video Demo

This is a screenshot of a video embedded with Flowplayer.

screenshot showing a video embedded with flowplayer 6 WordPress plugin

Users who like this plugin also like WooCommerce Memberships to create a video membership site (+ sell video content).
Get 50% OFF WordPress hosting through this special link here (offer expires on January 31)

11 thoughts on “Flowplayer Video Player for WordPress”

  1. I have a couple of questions…

    1. How to show the play/pause button in the control bar like in the demo picture? There’s nothing about this in the documentation.

    2. How to change the color of the progress and volume meters? Because the current “highlighter” blue clashes with my purple website scheme. There’s also nothing about this in the documentation either.

    1. @Corey, I don’t see any flowplayer shortcode on your homepage. It’s just a plain video embedded with HTML5 video tag.

  2. We are using Flowplayer 6 and I must say it’s fantastic!! I have one problem when using it on WPTouch for mobile friendly capabilities, a black screen containing a arrow. When the is tapped nothing happens. My setting includes auto start and loop. I checked WP Touch and had me run it on laptop mode and it still did not work leading that the directed me to you.

  3. Is there any way to turn off the admin messages?
    This was a great feature and it got me to optimize my original HUGE mp4 into webm format and saved me 80mb of file space!
    I need this feature b/c the owner of the site always gets tired of seeing the Admin: Video Status Ok at the top left.
    Thank you for the good work….

    PS: I had to figure a way out to get the player to work in the header of the theme… omg this was easy, you don’t even need a plug-in, simply use:

    Thanks again!

  4. The poster feature does not work. I have a valid png file specified and it is there on the server. The player using both desktop and android devices are black until you press play.
    I even switched the original file (mp4 from webm) and it made no difference.

    Thanks!

  5. I looked at your code and figured it out.
    Somewhere along the line an array was supposed to be changed from ‘poster’ to ‘splash’.

    I changed my source to ‘splash’ and the image works great!
    [splash='http://mysite/blah/file]
    Requisite files looked at were frontend.php and shortcodes.php < that's the file where the variable substitution is supposed to take place I guess.

    Thank you again!

Leave a Reply

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