• 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
    • 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!
    • Docs
      • Installation
      • Configuration
      • User guide
      • Downgrading
      • Changelog
    • FAQ
    • Support
      • Free Support
      • Pro Support
    • PRO

    Sticky Video

    List of contents:

    • What is Sticky Video
      • Example
    • Activating Sticky Video for All Videos
    • Using Sticky Video with Individual Videos
    • Customizing the Sticky Video Feature

    What is Sticky Video

    When a user plays a video and scrolls down away from it, a sticky video will appear as a mini-video player in the corner of the browser and will stay in that place as the viewer scrolls further and further. 

    Example:

    Foliovision Promo Video
    03:25
    Link

    Foliovision Promo Video

    The mini-player will disappear when the viewer scrolls back to the original video box and re-appear again when scrolling away from it. It can also be closed by clicking on the close icon. The feature will work only on desktop browsers with minimal width of 1020 pixels.

    Activating Sticky Video for All Videos

    To activate the Sticky Video for all videos on your site, just go to Settings > FV Player > Skin tab > Sticky Video and check the box Enable.

    Activating Sticky Video in FV Player for the whole website.
    Activating Sticky Video in FV Player for the whole website

    Using Sticky Video with Individual Videos

    If you want to individually choose which videos will use the Sticky Video feature, you can do so in the shortcode editor or directly in the shortcode.

    To have it available in the shortcode editor, you will first have to activate it by checking the box Sticky in Settings > FV Player > Setup tab > Post Interface Options. You will then be able to see the Sticky video option with a dropdown menu in the Options tab in the shortcode editor.

    Sticky Video in FV Player's shortcode editor

    If you want to use the feature directly in the shortcode, you can use these two parameters:

    sticky="true"
    sticky="false"
    

    Using shortcode settings will of course override the global setting.

    Customizing the Sticky Video Feature

    You can adjust the size of the mini-video player by modifying it's width and also choose in which corner of the browser will the mini-video appear. 

    Both of these options can be adjusted in Settings > FV Player > Skin tab > Sticky Video. For selecting the position of the mini-video open the Placement drop-down list and select the option you want.

    Adjsting the position of the Sticky Video in FV Player's options

    To adjust the size of the mini-video, just change the value (in pixels) in the Player width field.

    Adjsting the width of the Sticky Video in FV Player's options
     
    Share
    Tweet
    Share
    0 Shares

    Reader Interactions

    Primary Sidebar

    Advanced

    1. Download | Buy
    2. Basic Setup
    3. Demos
    4. Advanced
      1. How to use FV Player Database
      2. How to use FV Player Widget
      3. Integrations/Compatibility Options
      4. Setting up Video Custom Fields
      5. Timeline Previews
      6. Using Google Analytics with FV Player
      7. AB Loop Function
      8. How to Create Subtitles
      9. Interactive Video Transcript
      10. How to Use Custom Start/End Time
      11. Sticky Video
      12. CSS Tips and Fixes
      13. Using FV Player with Minify Plugins
      14. How to use built-in S3 browser
      15. How to Use the Speed Buttons
      16. Using FV Player with Chromecast
      17. Using FV Player with Sub-domains and Multi-Domains
      18. FV Player Profile Videos
      19. Video Downloading With Simple History Support
      20. Email Subscription Form Pop-ups
      21. How to create membership site with RCP and FV Player
      22. Using FV Player With AMP
      23. Programmer's Guide
      24. FV WordPress Flowplayer Downgrading
      25. Changelog
      26. Incompatible Plugins and Scripts
    5. Video Hosting
    6. Securing Your Video
    7. Ads
    8. VAST/VPAID Ads
    9. Additional Services
    10. Legal
    11. Settings
    12. FV Player Pay Per View

    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
    • Delete LinkedIn Account
    • Responsive Design Calculator
    Foliovision logo
    All materials © 2021 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