FV Flowplayer Video Player

Deskripsi

Custom HTML 5 video on your own site with Flash fallback for legacy browsers is here.

FV Player is a free, easy-to-use, and complete solution for embedding FLV or MP4 videos into your posts or pages. With MP4 videos, FV Player offers 98% coverage even on mobile devices.

  • Remembering video position both both guest users and members
  • Built in video plays stats
  • API for custom video fields
  • easy AB looped playback for your visitors (great for teaching sites)
  • improved and more powerful playlists (more playlist features coming soon).
  • Automated checking of video encoding for logged in admins
  • FV Player is a completely responsive WordPress video player.
  • Custom start and end screens are built right in. You can use your own custom design before and after the video.
  • Enjoy unlimited instances in a single page.
  • No expensive plugins: unlike other players who nickel and dime you for every feature, with FV Player all advanced features are available in the standard license (Google Analytics, Cuepoints, Native fullscreen, Keyboard shortcuts, Subtitles, Slow motion, Random seeking, Retina ready)
  • Single site pro license available (JW Player requires five pack for full features)
  • Ultra-efficient player: just 55.6kB of Javascript. Rest is loaded later when user is going to play the video. You can extend FV Player using just HTML and CSS, leaving the JavaScript heavy lifting up to us.
  • 98% Browser coverage. Built-in Flash fallback will get the job done on older browsers while HLS.js library gives you HLS playback on desktop browsers.
  • Full support for Amazon S3, Cloudfront and other CDN’s.
  • Totally Brandable (requires license, free version includes the Flowplayer library logo). Stop selling YouTube and start selling yourself. Even design your own player.
  • Supports video intelligence video ads
  • Integration with the Coconut.co video encoding service – using a free addon plugin: https://foliovision.com/downloads/fv-player-coconut

To remove our branding and add your own branding and get access to additional pro support, you can buy your own license here.

Back to school special 25% off pro licenses until end of September.

Additional Technical information

  • Core video engine: open source Flowplayer 7.
  • Supported video formats are MP4, WebM and OGV (read about HTML5 video formats).
  • Supported video streaming formats are HLS (Flash and JavaScript fallback available for incompatible devices), MPEG DASH and RTMP.
  • Default options for all the embedded videos can be set in comprehensive administration menu.
  • In comparison with WordPress Flowplayer plugin, there are several improvements:

    1. Allows user to display clickable splash screen at the beginning of video (which not only looks good, but improves the performance significantly).
    2. Allows user to display popup box after the video ends, with any HTML content (clickable links, images, styling, etc.)
    3. Does not use configuration file, but WordPress Options
    4. Does not drive you to use an in-house proprietary CDN but supports all CDN.
    5. Includes advanced built-in social sharing.
    6. Inexpensive pro support available.
    7. Includes an advanced built-in video encoding and theme checker to make sure your videos are encoded properly and your site is set up for video playback.

Additional Documentation at Foliovision.com

Support |
Change Log |
Installation|
User Guide |
Detailed FAQ

This new version uses Flowplayer 5 running on HTML5, so we recommend you read first two questions of FAQ first.

Once the plugin is uploaded and activated, there will be a submenu of settings menu called FV Player. In that submenu, you can modify following settings:

  • AutoPlay – decides whether the video starts playing automatically, when the page/post is displayed.
  • AutoBuffering – decides whether the video starts buffering automatically, when the page/post is displayed. If AutoPlay is set to true, you can ignore this setting.
  • Popup Box – decides whether a popup box with “replay” and “share” buttons will be displayed when video ends.
  • Enable Full-screen Mode – select false if you do not wish the fullscreen option to be displayed.
  • Allow User Uploads – select true if you like to upload new videos via Media Library.
  • Enable Post Thumbnail – select true if you wish the screen shot appear as post thumbnail. Works only when uploading new splash image via Media Library.
  • Convert old shortcodes with commas – older versions of this plugin used commas to separate shortcode parameters. This option will make sure it works with current version.
  • Commercial Licence Key – enter your licence key here to get the completely unbranded version of the player
  • Colors of all the parts of flowplayer instances on page/post (controlbar, canvas, sliders, buttons, mouseover buttons, time and total time, progress and buffer sliders).

On the right side of this screen, you can see the current visual configuration of flowplayer. If you click Apply Changes button, this player’s looks refreshes.

Tangkapan Layar

  • FV Player different skin options
  • FV Player shortcode in post content
  • It's easy to use our shortcode editor to add videos
  • Plugin settings screen
  • Video checker helps you find issues with your video encoding

Blok

Plugin ini menyediakan 1 blok.

  • FV Player

Instalasi

There aren’t any special requirements for FV Player to work, and you don’t need to install any additional plugins.

  1. Download and unpack zip archive containing the plugin.
  2. Upload the fv-wordpress-flowplayer directory into wp-content/plugins/ directory of your wordpress installation.
  3. Go into WordPress plugins setup in WordPress administration interface and activate FV Player plugin.
  4. If you want to embed videos denoted just by their filename, you can create the /videos/ directory located directly in the root of your domain and place your videos there(you use complete URL of video files).
  5. Go to plugin Settings screen and click both “Check template” and “Check videos” buttons to check your template and videos mime type.

Visit our site for a fully featured guide with screenshots and more!

Tanya Jawab

1. My video doesn’t play in some browsers.

This should be related to your video format or mime type issues.

Each browser supports different video format, MP4 is the recommended format. In general, it’s recommended to use constant frame rate. Detailed instructions about video encoding for HTML 5.

HTML5 is pickier about what video it can play than Flash.

Please note that MP4 is just a container, it might contain various streams for audio and video. You should check what audio and video stream are you using. Read next question to find out how.

2. Player buttons are gone – there are only square symbols.

1) This can happen if your site is at www.domain.com, but the CSS is loaded from your CDN at cdn.domain.com. Based on CSS3 and HTML5 specs not all the resources can be shared between domains.

So you need to set the following on your CDN for web fonts (woff, eot, ttf, svg):

Access-Control-Allow-Origin: *

Or you can allow your domain only (but in that case it might be good to also allow it with https):

Access-Control-Allow-Origin: http://www.domain.com

Or you can exclude wp-content/plugins/fv-wordpress-flowplayer/css/flowplayer.css from CDN.

2) Second cause might be that your webfonts are served with bad mimetype

AddType application/x-font-woff woff
AddType application/x-font-ttf ttf
AddType application/vnd.ms-fontobject eot
AddType image/svg+xml svg

3. I want to align my player (left/right/middle).

By default the player is positioned in the middle. To change alignment of the player to either left or right:
Go to FV Player settings > scroll down to post interface options > tick “Align”. Now you can insert your video. In the interface you can now choose you alignment from the drop down menu: default (middle), left, or right.
You can check demo in here.

4. How to check my video properties using the built-in checker and how to report video not playing

The video checker works automatically when you’re logged in as admin. You’ll see a text in upper left corner of any video on your site. All the necessary info can be found in this guide.

5. My video doesn’t play in Internet Explorer 9 and 10.

Most of the issues is caused by bad mime type on the server which serves your video files. Our plugin contains an automated checked for this – just click the “Check Videos” button on the plugin Settings screen.

Here’s how to fix the mime type:

If your videos are hosted on a standard server:

You need to put the following into your .htaccess:

AddType video/mp4             .mp4
AddType video/webm            .webm
AddType video/ogg             .ogv
AddType application/x-mpegurl .m3u8
AddType video/x-m4v           .m4v
AddType video/mp2t            .ts

If you use Microsoft IIS, add following into web.config (one should be in your root website folder) into configuration/system.webServer/staticContent section:

<remove fileExtension=".mp4" />  
<mimeMap fileExtension=".mp4" mimeType="video/mp4" />
<remove fileExtension=".webm" />  
<mimeMap fileExtension=".webm" mimeType="video/webm" />
<remove fileExtension=".ogg" />  
<mimeMap fileExtension=".ogg" mimeType="video/ogg" />
<remove fileExtension=".m4v" />  
<mimeMap fileExtension=".m4v" mimeType="video/x-m4v" />
<remove fileExtension=".ts" />  
<mimeMap fileExtension=".ts" mimeType="video/mp2t" />

This can be also done in the Apache configuration. If you are on Microsoft IIS, you need to use the IIS manager.

If you host videos on Amazon AWS:

They might be served with bad mime type too – “application/octet-stream”. This largely depends on the tool which you use to upload your videos. Using your Amazon AWS Management Console, you can go though your videos and find file content type under the “Metadata” tab in an object’s “Properties” pane and fix it to “video/mp4” (without the quotes, of course different video formats need different mime type, this one is for MP4). There are also tools for this, like S3 Browser Freeware, good place for start is here: https://forums.aws.amazon.com/thread.jspa?messageID=224446

Good example can be seen in our support forum: https://foliovision.com/support/fv-wordpress-flowplayer/how-to/how-to-set-correct-mime-type-on-videos-hosted-by-amazon

Also for Internet Explorer, it’s not recommended to use MPEG-4 Visual or MPEG-4 Part 2 video stream codecs.

6. How do I fix the bad metadata (moov) position?

This means that the video information (such as what codecs are used) is not stored at the beginning of the file. In our experience, video with bad meta data position might be slow to load in Flash engine (check some browser which doesn’t play MP4 format in Flash – like Opera) and Firefox. Although Safary and iOS (iPAd, iPhone) may play it just fine.

In general we recommend you to re-encode your video as per our instructions, but here are some quick tools:

If you are using Mac, try Lillipot (just remember to rename the file back to .mp4 extension): http://www.qtbridge.com/lillipot/lillipot.html

If you have Quick Time Pro, just open the video and in the Movie Properties -> Video Track -> Other Settings turn on the “Cache (hint)” – screenshot.

If you are using Windows, try MP4 FastStart: http://www.datagoround.com/lab/

There are also server-side tools for fixing of this written in Python and there one for PHP, but it fails on videos bigger than the PHP memory limit.

7. I’m getting error about ‘HTTP range requests’.

Please check with your technical support if your web server supports HTTP range requests. Most of the modern web servers support this feature (Apache, Nginx, Lighttpd, Litespeed…). It’s important for fast seeking in HTML5 video playback.

Other possible cause is that you are using some membership plugin to protect downloading of your videos (Premise and others). While this might seem like a good solution, we don’t recommend it as it increases the load of your server and it won’t allow seeking in the videos. You can use Amazon S3 with privacy settings, just hit the link to read our illustrated guide.

8. Are there any known compatibility issues?.

We heard about problems when using some fancy pro templates like OptimizePress (read below for fixing instructions) or Gantry framework. These templates often break the WordPress conventions (probably as they often try to add too many non-template functions, like video support built-in into the template). We can debug the issues for you, just head over to our website and order the pro support.

Full list of conflicting plugins is available here: https://foliovision.com/player/compatibility

9. I’m using OptimizePress version 1 template.

First click the “Check template” button on the pluging settings screen. It will likely report an issue like:

It appears there are multiple Flowplayer scripts on your site, your videos might not be playing, please check. There might be some other plugin adding the script.
Flowplayer script http://site.com/wp-content/themes/OptimizePress/js/flowplayer-3.2.4.min.js is old version and won't play. You need to get rid of this script.

The problem with this template is that it includes that old Flowplayer library without using the proper WordPress function to add a new script (wp_enqueue_script). You need to go through the template and make sure the script is not loading. Typically it will be in any of the header.php files – including header-myheader.php, header-singleheader.php or similar files.

There is also a workaround – on each page what is using one of the OptimizePress custom templates, check Launch Page & Sales Letter Options –> Video Options –> “Activate Video” and enter “<!– FV Flowplayer –>” into Launch Page & Sales Letter Options –> Video Options –> “External Player Code” field. That way the template thinks the video is external and will not try to put in the Flowplayer library and the video will play.

10. I’m using OptimizePress version 2 template.

FV Flowplayer will handle all the videos inserted by the Live Edit.

11. Does this plugin support Shoutcast?.

Unfortunatelly HTML5 does not support live broadcasting. Please read about it here under “Flash. The good parts”: http://flowplayer.org/docs/#flash

12. I get an error message like this when activating the plugin: Parse error: parse error, unexpected T_STRING, expecting T_OLD_FUNCTION or T_FUNCTION or T_VAR or ‘}’ in /wp-content/plugins/fv-wordpress-flowplayer/models/flowplayer.php on line 4.

You need to use at least PHP 5, your site is probably still running on old PHP 4.

13. I get “Can’t create temporary file for video analysis” in admin video checker.

This temporary file is required as our plugin contains a video checker for admin users – it checks the video format and other information and warns you about potential issues why your video might not play for everybody.

The error message means the WordPress media uploads directory (by default wp-content/uploads) is not writable by PHP. We use this standard WordPress path as it should work for nearly all the websites. Most of people use the standard WordPress Media Library, so this should really work.

You can try to set the permissions of that folder to allow writing for everybody and see if that helps. If you are not sure, ask your web host support about what PHP permission model you use.

14. I installed the plugin, inserted the video, but it’s not working – there is no control bar or only a gray box appears.

Go to plugin Settings screen and hit “Check template” button. It will check if both jQuery library and Flowplayer JavaScript …

Ulasan

20 Februari 2024 1 balasan
If you want a video plugin to add your own hosted videos, use FV Player it works great and the support is excellent! In fact, the plugin is so good, that I have only had to contact support once in the last 7 years that I have been using it thanks for being awesome!! -Christina
22 September 2023
Used it for several years now. Easy to implement. Feature rich. Updated frequently.
14 Agustus 2023
Useless watermark that does nothing except ruining for the viewer. We get it, you want to sell you pro license. A watermark won't do that though.
21 September 2022
It can be tricky to find a video player plugin that is updated regularly and that works across all devices. Not to mention at a reasonable cost. These guys know their stuff, the support system is excellent if/when you run into issues.
8 Agustus 2022
bsd i looked after a shortcode full customizing video player with playlists. Found here exactly what i wanted and much more.
Baca semua 88 ulasan

Kontributor & Pengembang

“FV Flowplayer Video Player” adalah perangkat lunak open source. Berikut ini mereka yang sudah berkontribusi pada plugin ini.

Kontributor

“FV Flowplayer Video Player” telah diterjemahkan dalam 6 bahasa. Terima kasih kepada para penerjemah untuk kontribusi-nya.

Terjemahkan “FV Flowplayer Video Player” dalam bahasa Anda.

Tertarik mengembangkan?

Lihat kode, periksa repositori SVN , atau mendaftar ke log pengembangan melalui RSS.

Log Perubahan

7.5.44.7212 – 2024/02/28

  • Security – fix XSS in the redirection at the end of video is bad URL is posted by authenticated user
  • Security – fix XSS in the video loading code if using DigitalOcean Spaces or Linode Object Storage
  • AWS SDK update – PHP 7.4 is now required for the DigitalOcean Spaces/AWS S3 browser and uploader
  • HLS – Keep showing splash until the video really plays
  • Translations – adding Arabic, thanks to dubaiglobalnews.com
  • Bugfix – Handle WordPress audio/video setting – fix for player HTML showing in excerpts
  • Bugfix – SEO – Schema.org – better date format
  • Bugfix – Uploads – avoid duplicate job submissions for FV Player Coconut

7.5.41.7212 – 2023/10/04

  • YouTube – fixing playback glitches on Android and iOS, tested with iOS 12.5.7 to 17.0

7.5.40.7212 – 2023/09/29

  • YouTube – fix videos not starting properly on Android
  • Bugfix – stale pending video encoding jobs removing video URLs when using Gutenberg block

7.5.39.7212 – 2023/08/23

  • Security – prevent XSS when “Enable profile videos” is on
  • Allow DB tables to be fixed with WP_ALLOW_REPAIR
  • Bugfix – Amazon S3 – fix when using commas in the URLs
  • Bugfix – Video Checker – fix checking of dynamic URLs (Amazon S3, or FV Player Pro CDNs like Bunny CDN)

7.5.37.7212 – 2023/08/02

  • HLS.js – upgrade to 1.4.10
  • Optimize FV Flowplayer JS loading – disabled if using WP Rocket “Delay JavaScript execution”
  • Remember video position – on by default for now plugin users
  • Sticky player – option to enable for mobile users. Thanks to Dennis Isseult https://www.dmimedia.nl
  • Bugfix – Safari – disable HLS.js for Safari 16.5 and above due to playback issues on some websites

7.5.36.7212 – 2023/05/03

  • Bugfix – DigitalOcean Spaces/AWS S3 browser broken after AWS SDK update, fixing tests too

7.5.35.7212 – 2023/04/26

  • AWS SDK update – PHP 7.3 is now required for the DigitalOcean Spaces/AWS S3 browser
  • Bugfix – Avoid PHP fatal errors if plugin PHP files are opened directly
  • Bugfix – Fix audio-only playlist detection
  • Bugfix – Sticky player behavior when VAST ad is playing
  • Security – prevent XSS for logged in editors

7.5.32.7212 – 2023/03/31

  • Tested up to WordPress 6.2. Note that the FV Player Editor is not available in the Block Themes Site Editor and you have to put in the shortcode by hand.
  • Video Stats – CSV export function
  • Video Stats – recording each logged in user separately, see wp-admin -> FV Player -> User Stats
  • Video Stats – recording video watch duration

7.5.31.7212 – 2023/01/30

  • New feature – [fvplayer_watched] to give list of watched/unfinished/finished videos with their post links
  • PHP 8.2 fixes
  • Security fix – video intelligence ads settings box could be removed with XSS
  • Video Custom Fields – fix autoplay not working
  • YouTube – check live stream status

7.5.30.7210 – 2022/12/23

  • Using Freedom Video Player 7.2.12
  • Chromecast – fix for HLS streams with multiple audio tracks
  • Click to unmute – showing for 10 instead of just 5 seconds if audible autoplay has been blocked by browser
  • Compatibility – SiteGround Optimizer
  • CSS – making the timeline easier to tap on mobile
  • Handle WordPress audio/video setting – Support Vimeo Gutenberg block
  • Handle WordPress audio/video setting – Support Vimeo iframes
  • Lightbox – support text links to images with class=”colorbox”
  • MPEG-DASH – upgrade to Dash.js 3.2.2
  • Schema.org – adding video duration
  • Sticky player – also working when scrolling up
  • YouTube – fullscreen fix if your theme uses CSS transform or z-index
  • Bugfix – duplicate preview with Gutenberg
  • Bugfix – MPEG-DASH – Vimeo volume unmuting for iPad
  • Bugfix – YouTube – “Live in XY hours” message not appearing for some users on scheduled live streams
  • Bugfix – YouTube – Shorts support for mobile

7.5.29.7210 – 2022/09/23

  • AWS SDK update and size reduction
  • Full-featured YouTube player (moved in from FV Player Pro)
  • HLS.js – upgrade to 1.2.3 to fix playback on iOS 16
  • iPhone – avoid accidental drag of on-screen home button when in fullscreen
  • Seek back/forward button on controlbar – allowing for DVR live streams
  • SiteGround Security – putting track.php on their exclusions list
  • Bugfix – Dash.js Safari autoplay fix
  • Bugfix – fixing missing “no play” icon
  • Bugfix – Preloading – fix player not appearing when using 100% width and height, assuming 16:9 aspect ratio
  • Bugfix – Volume control appearing for iOS 16 where it’s not possible to control volume using JavaScript

7.5.27.7210 – 2022/08/22

  • CSS – do not preload in header if FV Player is in one of the Widgets and not in page content
  • CSS – fix subtitles position on mobile when controlbar visible
  • Editor – show save errors
  • Featured Image – FV Player will only use it’s splash image if there is no Featured Image only once per post – making it easy to remove if you do not want it
  • Updating settings help screen and help links
  • Bugfix – Bunny Stream video splash images not showing in job browser when using FV Player Pro function for URL tokens
  • Bugfix – iOS video recovery – was not working for HLS live streams
  • Bugfix – Preloading – fix play button not appearing for Slim and YouTuby skins
  • Bugfix – reducing database row size

7.5.26.7210 – 2022/07/06

  • Using Freedom Video Player 7.2.10
  • AWS SDK update
  • CSS – make sure the seek buttons work with button color setting
  • Editor – download splash image from Vimeo or YouTube for FV Player Pro users
  • Featured image – only set once for each player in the post, allowing you to prevent the FV Player Splash Image from becoming the Featured Image anytime you save the post
  • Safari – avoid WebM , it might have VP9 – won’t play
  • Security – hide sensitive information in settings pannels (the Secure Access Keys, requires FV Player Pro 7.5.25.727 if installed)
  • SEO – 30 instead of just 10 words for schema.org/description
  • Bugfix – PHP 8.1 deprecation fixes

7.5.22.727 – 2022/05/11

  • Mobile – “Force landscape orientation in fullscreen” is now always on and no longer a setting
  • Mobile – showing “To enjoy fullscreen swipe up to hide location bar.” for iPhone users when location bar appears in fullscreen mode
  • Updating to Flowplayer 7.2.8
  • Styling – fullscreen exit button is now an X symbol
  • Styling – fullscreen exit button is now easier to tap on mobile
  • Styling – mobile now has more spacing between timeline and control bar buttons
  • Video Position Saving – also remember the top position in the video
  • Video upload – Support folder creation for FV Player Coconut
  • Video upload – Support uploading into folders for FV Player Coconut
  • Bugfix – Editor – creating duplicate drafts
  • Bugfix – Editor – empty subtitles field appearing
  • Bugfix – Editor – missing action hook on player save, causing issues with FV Player Pay Per View
  • Bugfix – “Load FV Flowplayer JS everywhere” setting – was not loading rewind/fastforward and playlist repeat buttons

7.5.21.727 – 2022/04/07

  • Bugfix – Position saving – issues with position restore when multiple players on the page
  • Bugfix – CSS – ensure the controlbar fonts load before video starts playing
  • Bugfix – LearnDash LMS support – fix FV Player Pro video ads to not affect lesson completion button

7.5.20.727 – 2022/03/25

  • Urgent Bugfix – video splash screens not disappearing for non-Pro users

7.5.19.727 – 2022/03/24

  • Security – player editing permission checks for Contributors and Authors
  • Security – XSS fix – users with the Contributor role (or above) were able to insert rudimentary JavaScript into FV Player. Thanks to m0ze (Patchstack) for the report!
  • Autoplay – only remove splash once video really plays to prevent empty black video from showing
  • LearnDash LMS support – fix display issues with playlist
  • Bugfix – Position saving – skip playlist position restore for YouTube playlist – for now
  • Bugfix – Position saving – fix for invalid player index for non-logged in users

7.5.18.727 – 2022/03/18

  • Security – fix for SQL injection vulnerability when saving player in editor – for Author user level and above. Thanks to Tien Nguyen Anh for the report!
  • Elementor – Bring back the FV Player into Elementor Elements search
  • Media Library – optimized images loading
  • Shortcode to database conversion tool fixes
  • wp-admin -> FV Player – allow search by player ID
  • Bugfix – bad values coming from the background video duration scanner