• Skip to content
  • Skip to primary sidebar
  • Skip to footer

Foliovision

Making the web work for you

Main navigation

  • Weblog
    • FV Player
    • WordPress
    • Video of the Week
    • Case Studies
    • Business
  • About
    • Client Portfolio
    • Testimonials
    • Meet the Team
    • We Support
    • Careers
    • Contact
    • Pricing
  • Products
  • Support
    • FV Player Docs
    • Pro Support
  • Login
  • Basket is empty
Affordable VAST/VPAID for Wordpress has arrived. Serve ads with your videos starting today!

How to create video playlists

13 March 2014 / Martin / Leave a Comment

Our free video plugin for WordPress FV Flowplayer supports video playlist, but we realized we haven't covered it in our documentation.

Using our playlist feature is easy and the best thing is that it works seamlessly with other features (like support for Amazon S3 protected content) and on mobile devices.

Looking for video lightbox overlay? We have that feature coming (currently in beta stage) and it works with multiple items (both images and videos)!

Fire;PayPal;Carly Simon
00:44
Link

Fire00:44

PayPal00:14

Carly Simon02:51

Step by step guide

  1. Enable playlist interface - check Settings -> FV WordPress Flowplayer -> Post Interface Options and make sure Playlists are enabled

    fv flowplayer playlist enable
    Enabling interface for FV Flowplayer Playlist

    If you turn off this option, all the playlists will still work, you won't see them in the video shortcode editor interface though.

  2. Add your items - just click "Add Playlist item":

    fv flowplayer playlist add item
    FV Flowplayer Playlist add item
    A new set of rows will be appended to the "Add FV WP Flowplayer" dialog:
    fv flowplayer playlist items
    Adding FV Flowplayer Playlist items

    Notice that the playlist items don't have "Add video" nor "Add Image" buttons. You can simply drag and drop the new playlist item to the top of the dialog and that makes the buttons appear. You can reorder the playlist items the same way as well.

    For best results (Flash player) if all your videos should have the same aspect ratio or be provided in both MP4 and WebM formats.

  3. Order your items, add additional formats

    fv flowplayer playlist items filled in
    FV Flowplayer Playlist editor

    The resulting shortcode looks like:

    [­fvplayer src='http://videos.my-site.com/2-basics.mp4' src1='http://videos.my-site.com/2-basics.webm' width=640 height=360 splash='http://videos.my-site.com/2-basics.jpg' playlist="http://videos.my-site.com/1-introduction.mp4,http://videos.my-site.com/1-introduction.webm,http://videos.my-site.com/1-introduction.jpg"]

    ...which is not so easy to read if the file names are longer. Just put your cursor into the shortcode, hit the FV Flowplayer button above the editor again and it gets loaded into the dialog again. So editing the playlist is easy.

More information

  • You can install our plugin via WordPress
  • More resources, how-tos and documentation available on our site
  • Pro licenses available
  • Support available on our FV Flowplayer forums
Martin Vicenik

Martin Viceník

Martin graduated as an engineer in Computer Science from Slovak Technical University in Bratislava. He grew up in Liptovský Mikuláš in northern Slovakia next to the beautiful Tatra mountains. He is the developer behind our FV Player.

Share9
Tweet
Share
9 Shares

Categories: Flowplayer

Related Posts

  1. How to Create Playlists

  2. Video and WordPress (WordCamp 2014 presentation)

  3. Multilingual Video Subtitles

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

You can click here to Subscribe without commenting

Primary Sidebar

Categories

  • Business
  • Case Studies
  • Design
  • Flowplayer
  • Internet Marketing
  • IT
  • Life
  • SEO
  • Slovak
  • Video of the Week
  • WordPress

Footer

Our Plugins

  • FV WordPress Flowplayer
  • FV Thoughtful Comments
  • FV Simpler SEO
  • FV Antispam
  • FV Gravatar Cache
  • FV Testimonials

Free Tools

  • Pandoc Online
  • Article spinner
  • WordPress Password Finder
  • Windows XP Run Commands and Shortcuts
  • Delete LinkedIn Account
  • phpLD CSS Template
  • Responsive Design Calculator
Foliovision logo
All materials © 2019 Foliovision s.r.o. | Panská 12 - 81101 Bratislava - Slovakia | info@foliovision.com
  • This Site Uses Cookies
  • Privacy Policy
  • Terms of Service
  • Site Map
  • Contact
  • Tel. +1 518 412 4600