Content

Inserting videos

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:

fv wp flowplayer step1 ar
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:

add fv wp flowplayer
Editing FV WP Flowplayer shortcode

3. Alternatively, you can click "open media library" and pick a video from the Media Library:

fv wp flowplayer step3 1
Listing videos in the Media Library

4. Click "Insert into Post" for the desired video:

fv wp flowplayer step4 ar
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 step5
FV WP Flowplayer shortcode in the post editor

7. When you save the post and open it, you will see the video:

fv wp flowplayer inserted video

If you use Foliopress WYSIWYG

It's pretty much the same, but you hit a different button, as shown below:

fv wp flowplayer insert video 4

 

Manual Editing

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­­" width="640" height="360"]

Additional Features

You can use several more features if you add following pieces to the shortcode:

  • Autoplay for single videos: autoplay=true
  • Redirect when a video stops playing: redirect="http://example.com"
  • Show or hide the controlbar - enter one of these or omit for default behavior:
    • controlbar="yes" - visible while playing
    • controlbar="no" - no controls visible
  • Show the splash image also when the video finishes playing: splashend=show
  • Example of the popup at the end of the video: popup="Would you like to share the video or play it once again?"
  • fv wordpress flowplayer end
    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:

fv flowplayer enter license key
Enter your License Key

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.

fv wp flowplayer license 2
Inserting your new logo

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.

fv wp flowplayer in action
FV WordPress Flowplayer in action with License Key and custom logo

What formats to choose

This is a topic for another article, however:

  1. 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...)
  2. 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.
  3. 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.
fv flowplayer rtmp m3u8 mp4
If you are a power user, you can provide as much formats as you want

Note: if you want fastest possible delivery across the globe, you might consider using some cloud service too.