Facing a hard to solve WordPress
problem? On a tight deadline?
Let us take care of it for youFoliovision Pro Support
FV FlowPlayer causing mixed HTTP/HTTPS warning on pages without video
Martin: “Hello Donald, I see, we are looking into this. Was that option just…”
Encoding for iTunes
Martin: “Hello Chan, have you tried purchasing some video like yours form iTunes…”
video not playing because of bad external scripts
Martin: “Hello Zach, did you tried to use the "Check template" on the…”
Poster Image Not Working With Special Characters
Martin: “Hello Ricky, Wordpress won't keep any ' signs in the file URL…”
Why does my page name read "keywords" after the page name?
samgreensted: “No, just installed this one. Have no idea how it got…”
internet explorer 8
Carl: “Hi Support, I am trying to get the video to play in…”
Video player working, thumbnail not showing (custom post type)
Martin: “Hello Danny, you can either try to insert a video with the…”
How To Edit, Rotate A Video
Gregory: “Admin: Video Warnings Analysis of http://fourdsstudio.com/fourdsstudio/wp-content/uploads/2014/02/20140203_211551.mp4 Warning: Meta Data (moov) not found at…”
How can I enable/show only the first minute or two of a video and then request signup to see it all?
Dale Richardson: “Hello! Thanks for the great plugin. I'm in the process of creating…”
- FV FlowPlayer causing mixed HTTP/HTTPS warning on pages without video
- 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.