Facing a hard to solve WordPress
problem? On a tight deadline?
Let us take care of it for youFoliovision Pro Support
Closed Captions Button
Martin: “Hello gbowman, unfortunately this is currently a limitation of core Flowplayer. However…”
Fullscreen unavailable if player contained in Toggle
gbowman: “Hi – When the video was just embedded on the page…”
Martin: “Hello gbowman, you need to add this line into your .htaccess file…”
Player controls not displaying on RTMP live stream
Donald P.: “Alec, Sorry, I am out of town on a business trip right…”
how to add multiple subtitles for same video ?
Martin: “Hello Kushtrim, this is bit of a problem, as different browsers support…”
Issues with JustCloud.com
Martin: “Hello Ronald157, there should be no issue with your video file as…”
Wendy: “Hi Martin, Rather than troubleshoot why it was getting this error just…”
Fix splash image on videos with different aspect ratio
Martin: “Hello Mateusz, thank you for a great suggestion! We will definitely fix…”
Issue getting back from fullscreen
Martin: “Hello Francois, indeed, just installing Photo Gallery breaks the fullscreen function of…”
Martin: “Hello dot4all, Unfortunately at this point we only do this when required,…”
- Closed Captions Button
- How to insert videos
- How to insert videos manually
- How to enter the license key and custom logo
- How to achieve the best possible video performance
Here's a simple guide to inserting videos with FV WordPress Flowplayer.
1. Click the "Add FV WP Flowplayer" icon as shown on the screenshot below:
Click the Flowplayer icon
2. A popup dialog box will appear. You can write the video path and dimensions (width and height) and click "Insert". The resulting shortcode will then be inserted into your post:
3. Alternatively, you can click "open media library" and pick a video from the Media Library:
4. Click "Insert into Post" for the desired video:
Click Insert into Post to get your video URL into the shortcode editor
5. You will be directed back to the editing of the shortcode and the video URL. 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 move your cursor over it and click the FV WP Flowplayer button again. The attributes will be copied into the dialog box and you will be able to edit them easily:
FV WP Flowplayer shortcode in the post editor
7. When you save the post and open it, you will see the video:
If you use Foliopress WYSIWYG
It's pretty much the same, but you hit a different button, as shown below:
Type in the [fvplayer] shortcode and add the src parameter. Use the full path. You also add the splash parameter with the full path to the splash image.
[fvplayer src="http://site.com/videos/video.mp4" splash="http://site.com/videos/video.jpg"]
You can use several more features if you add following pieces to the shortcode:
- Autoplay for single videos:
- Redirect when a video stops playing:
- Show or hide the controlbar:
- Show the splash image also when the video finishes playing:
- Example of the popup at the end of the video:
popup="Would you like to share the video or play it once again?"
Click play or share the video at the end
How to enter a license key and upload a custom logo
1. If you don't have a License Key yet, you can buy it here.
2. In your WordPress Admin Dashboard, go to Settings --> FV WordPress Flowplayer and enter the License Key into the "Commercial License Key" field. You can also pick the image:
3. If you want a custom logo, click "open media library" as shown above. Then upload your image and click "Insert into Post" as shown on the screenshot below. The transparent PNG format with width below 100 pixels works well.
If you do not enter any image, no logo will displayed.
4. Hit "Apply Changes" and if you entered your License Key correctly, you should be able to see the video appearing with your logo, or without the logo if you haven't uploaded any. Just check it out in the "Player Skin" box.
What formats to choose
This is a topic for another article, however:
- Start by inserting your video in MP4 format on HTTP protocol into the first "Video" field as that covers most of the browsers (some might need to use Flash version of our player - Firefox on Mac, Opera...)
For optimized Flash streaming add in the RTMP distribution of your video.
Other option would be to provide the video in WEBM format over HTTP (supported by Firefox and Opera) - if you can re-encode your videos.
Any of these is a great addition as Flash is capable of random seeking (skipping to part of the video which is not yet buffered) only when using RTMP.
- And last - if possible, provide your video over HLS (HTTP Live Streaming) protocol in M3U8 format - best possible streaming for Apple devices and browsers. You have to hit the "Add another format" button to be able to add another format.
Note: if you want fastest possible delivery across the globe, you might consider using some cloud service too.