The installation process of the FV Player video plugin is quite easy and has been covered in our Installation guide. Once the plugin is uploaded and activated, you will find a full page of settings, divided into tabs and sections. These can be found in Settings -> FV Player.
FV Player Pro settings
Inserting Videos
Here’s a simple guide to inserting videos with FV Player.
1. Click the FV Player button, as shown in the screenshot below:
FV Player button in WordPress editor
2. A popup dialog box will appear. You can paste in the video URL from the server where it’s stored. You can also specify the dimensions (width and height). Now click Insert. The resulting shortcode will be inserted into your post.
FV Player shortcode editor
3. If you want to post a self-hosted video, you can click the Add Media button and pick a video from the Media Library. Select the video you want, and click Insert into page:
5. You will be directed back to the video editor. Height and width will be filled-in automatically. You can use a similar function to pick the Splash Image.
6. To edit the existing shortcode, just click anywhere on it and then click the FV Player button. The attributes will be loaded in the shortcode editor and you will be able to edit them easily.
7. When you save the page and open it, you will see the video:
Inserting Video Using the Gutenberg Editor
1. Open your post and click on Add block.
2. Search for FV Player and pick the FV Player block.
3. Block with FV Player editor button will appear, click on the button.
4.FV Player shortcode editor will appear and you can embed your video.
Note: FV Player block works the same way in Elementor and other block editors.
Make FV Player Work With Other Page Builders
FV Player offers special integrations with Elementor and LearnDash You can find out more in our guides.
Each page builder, or LMS, is a bit different and you might find that FV Player doesn’t work with your choice out of the box. That might be because of special JavaScript integrations. If you are having problems with FV Player not displaying properly, or you are getting Admin JavaScript errors, there’s an easy fix:
Go to Settings->FV Player->Integrations/Compatibility->Load FV Flowplayer JS everywhere:
Note: If this does not help, the issue might be elsewhere. Try these troubleshooting steps or contact us.
FV Player is also sure to work well with Divi, Beaver Builder, Cornerstone, WPBakery and Oxygen.
Sitewide FV Player Defaults
Logo
To set up your logo (only in FV Player Pro), go to Settings -> FV Player Pro -> Setup tab -> Sitewide FV Player Defaults. This is the place where you can adjust general settings of the player that will be used for all the videos.
Adding and adjusting a custom logo in FV Player Pro
Here you can upload the image file of your logo and choose a position from the drop-down list on the right. We recommend using the transparent PNG format with width below 100 pixels. If you do not enter any image, no logo will be displayed.
Disabling the Default Settings
In this part of the FV Player settings, you can disable some of the options that are turned on by default. These are:
In the Sitewide FV Player Defaults, you can also set the default player size. Just go to the option Default Video Size and fill the width and height values (in pixels). This will be the default setting for all your new videos, unless you change the player dimensions for a video individually in the shortcode editor.
Default Splash Image
As mentioned above, you can set a splash image in the shortcode editor for each video individually. There is also an option in the settings that allows you to set a default splash image for all your videos, unless you change it manually. You can find it in Sitewide FV Player Defaults under the name Splash Image. Here you can upload the image in the same way, as you would upload a logo.
Editing the FV Player Skin
Player Skin is a part of FV Player settings, where you can customize the visual side of the player. You can find it under the Skin tabin FV Player settings. As you can see in the picture below, you can change the color of various parts of the interface along with the font type, size, and other things.
There is an example video on the right side, so you can see the changes immediately after clicking Save All Changes. Read more in the detailed guide Customizing FV Player Skin.
FV Player skin settings
Customizing the Shortcode Editor Functions
Rather than cluttering the shortcode editor with options you don’t use, you can choose to enable only the options which are relevant to your site. The less of these options you select, the simpler the user interface will be to use. Just go to the Post Interface Options in FV Player settings. More detailed information can be found in the guide Post Interface Options.
FV Player’s Post Interface Options
Other Setting Boxes
There are additional setting boxes in the Setup and other tabs. Here are the settings for the free player.
You can find all the guides in our Documentation. We always announce new features on our blog, and if you have any questions or problems with our player, we will be happy give you free help in our Support Forums.
Manual Editing
Type in the [fvplayer] shortcode and add the src parameter. Use the full video URL. You can also add the splash parameter with the full path to the splash image.
You can enjoy secure and trouble-free HLS video playback, by uploding the videos straight to WordPress Media Library via FV Player Coconut, or our integrations with Bunny Stream and Amazon Web Services.
If you’d like to do things on your own, you’ll be happy to know that FV Player supports most well-known video formats.This topic is covered in more detail in the Video Encoding for HTML 5 guide.
However, the most commonly supported formats we recommend using are:
You can start by using a regular MP4 file.WEBM format is also supported.
FV Player supports the two most widely used and supported streaming protocols: HLS (HTTP Live Streaming) and MPEG-DASH. Use the HLS protocol in M3U8 format, and MPEG-DASH in MPD. Check the guide Using HLS With FV Player if you want to find out more about HLS. Of course, FV Player also supports HTTPS Live Streaming.
Note: if you want the fastest possible delivery across the globe, you might consider using a Content Delivery Network (CDN). FV Player Pro integrates with several CDNs, but works great with most other CDNs too.
This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.
Necessary Cookies
Strictly Necessary Cookie allow you to log in and download your software or post to forums.
We use the WordPress login cookie and the session cookie.
If you disable this cookie, we will not be able to save your preferences. This means that every time you visit this website you will need to enable or disable cookies again.
Support Cookies
Foliovision.com uses self-hosted Rocket.chat and self-hosted Freescout support desk to provide support for FV Player users. These cookies allow our visitors to chat with us and/or submit support tickets.
We are delighted to recommend self-hosted Rocket.chat and especially Freescout to other privacy-conscious independent publishers who would prefer to self-host support.
Please enable Strictly Necessary Cookies first so that we can save your preferences!
3rd Party Cookies
This website uses Google Analytics and Statcounter to collect anonymous information such as the number of visitors to the site, and the most popular pages.
Keeping this cookie enabled helps us to improve our website.
We reluctantly use Google Analytics as it helps us to test FV Player against popular Google Analytics features. Feel free to turn off these cookies if they make you feel uncomfortable.
Statcounter is an independent Irish stats service which we have been using since the beginning of recorded time, sixteen years ago.
Please enable Strictly Necessary Cookies first so that we can save your preferences!