• 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

    Using the Iframe Embedding

    Iframe embedding is a default function in FV Player. It lets users share a video through <iframe> HTML code, which contains all the necessary information, without the need of cumbersome Javascript.

    • Using the Embed Button
    • Old Script and Iframe Code Difference
    • Deactivating Embedding Button
    • Example

    Using the Embed Button

    Sharing a video with FV Player is easy. The Embed button along with the social media buttons appear in the top bar when a user hovers his mouse over a playing video. User can then click on the button and the iframe code will be automatically copied to his clipboard and can be pasted anywhere he chooses afterwards.


    Iframe embed code copied to clipboard

    The improved iframe embedding supports ads and playlists and is capable of embedding a video that is originally hosted on YouTube or Vimeo. The embedded video will contain it’s original responsive properties along with sharing options on social media. If you want to test the result, you can use any blank HTML page and paste the embed code to the body, or use a code tester, such as this one.

    Old Script and Iframe Code Difference

    Before the iframe embedding, the code generated an anchor tag with caption and a long script like this:

    <a href="http://lucia.foliopress.net/quality-switching/">Watch video! <script>var w=window,d=document,e;w._fpes||(w._fpes=[],w.addEventListener("load",function(){var s=d.createElement("script");s.src="//foliovision.com/flowplayer/6.0.5/embed.min.js",d.body.appendChild(s)})),e=[].slice.call(d.getElementsByTagName("script"),-1)[0].parentNode,w._fpes.push({e:e,l:"//lucia.foliopress.net/site/wp-content/plugins/fv-wordpress-flowplayer/flowplayer/fv-flowplayer.min.js",c:{"ratio":0.5625,"rtmp":0,"live":false,"origin":"http://lucia.foliopress.net/quality-switching/","key":"$813252141133510","swf":"//lucia.foliopress.net/site/wp-content/plugins/fv-wordpress-flowplayer/flowplayer/flowplayer.swf?ver=6.2.6","swfHls":"//lucia.foliopress.net/site/wp-content/plugins/fv-wordpress-flowplayer/flowplayer/flowplayerhls.swf?ver=6.2.6","embed":{"library":"//lucia.foliopress.net/site/wp-content/plugins/fv-wordpress-flowplayer/flowplayer/fv-flowplayer.min.js","script":"//lucia.foliopress.net/site/wp-content/plugins/fv-wordpress-flowplayer/flowplayer/embed.min.js","skin":"//lucia.foliopress.net/site/wp-content/plugins/fv-wordpress-flowplayer/css/flowplayer.css","swf":"//lucia.foliopress.net/site/wp-content/plugins/fv-wordpress-flowplayer/flowplayer/flowplayer.swf?ver=6.2.6","swfHls":"//lucia.foliopress.net/site/wp-content/plugins/fv-wordpress-flowplayer/flowplayer/flowplayerhls.swf?ver=6.2.6"},"adaptiveRatio":false,"clip":{"sources":[{"src":"https://s3-eu-west-1.amazonaws.com/fv-player-unprotected/20-Gothic-Avenue-sd.mp4","type":"video/mp4"},{"src":"https://s3-eu-west-1.amazonaws.com/fv-player-unprotected/20-Gothic-Avenue-mobile.mp4","type":"video/mp4"},{"src":"https://s3-eu-west-1.amazonaws.com/fv-player-unprotected/20-Gothic-Avenue-hd.mp4","type":"video/mp4"}]}}});
    </script></a>

    With iframe embedding enabled, the code is reduced into one short tag that contains all the information and every HTML5 browser will be able to read it:

    <iframe src="http://lucia.foliopress.net/quality-switching/fvp/" allowfullscreen  width="848" height="479.67088607594934" frameborder="0" style="max-width:100%"></iframe>

    Deactivating Embedding Button

    Although this a built-in function and is on by default, it can be manually deactivated – the Embed button will disappear from FV Player’s top bar. To do this, just go to Settings > FV Player > Setup tab > Sitewide FV Player Defaults and check the option Disable Embed Button.

    Example

    Iframe tag of the example videos:

    <iframe src="https://foliovision.com/player/demos/vimeo-integration/fvp2" allowfullscreen="" style="width:640px;height:360px;border:none;max-width:100%">

    Share
    Tweet
    Share
    0 Shares

    Reader Interactions

    Primary Sidebar

    Basic Setup

    1. Download | Buy
    2. Basic Setup
      1. FV Player Features - Free vs Pro
      2. FV Player vs. Presto Player – Feature Comparison List
      3. Installation
      4. Start-up Guide
      5. Post Interface Options
      6. Using FV Player With Elementor Page Builder
      7. Alignment Settings
      8. Autoplay
      9. Customizing FV Player Skin
      10. Sharing Videos on Social Media
      11. Email Sharing
      12. Using the Iframe Embedding
      13. Using the Video Lightbox Effect
      14. Video Encoding for HTML 5
      15. How to Create Playlists
      16. Make Any LMS Work With FV Player
      17. Make Any Page Builder Work With FV Player
      18. VTT Chapters
      19. Adding Item Titles and Splash Text
      20. How to use the built-in Library Browser
      21. Are You Still Watching Prompt
      22. End of Video Actions
      23. Mobile Settings, Behaviors, and Limitations
      24. Playback Stats
      25. Setting Up Video Quality Switching
      26. How to Use the Built-in Video Checker
      27. Creating Video Links in FV Player
      28. Switching FV Player Pro to Beta
      29. How to Use Audio Tracks in FV Player
      30. FAQ
      31. FV Player Integrations
      32. WordPress Video Plugins Comparison
      33. List of Shortcode Parameters
    3. FV Player Demos
    4. Advanced
    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
    Foliovision logo
    All materials © 2022 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

    We are using cookies to give you the best experience on our website.

    You can find out more about which cookies we are using or switch them off in settings.

    Powered by  GDPR Cookie Compliance
    Privacy Overview

    This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.

    Necessary Cookies

    Strictly Necessary Cookie allow you to log in and download your software or post to forums.

    We use the WordPress login cookie and the session cookie.

    If you disable this cookie, we will not be able to save your preferences. This means that every time you visit this website you will need to enable or disable cookies again.

    Support Cookies

    Foliovision.com uses self-hosted Rocket.chat and self-hosted Freescout support desk to provide support for FV Player users. These cookies allow our visitors to chat with us and/or submit support tickets.

    We are delighted to recommend self-hosted Rocket.chat and especially Freescout to other privacy-conscious independent publishers who would prefer to self-host support.

    Please enable Strictly Necessary Cookies first so that we can save your preferences!

    3rd Party Cookies

    This website uses Google Analytics and Statcounter to collect anonymous information such as the number of visitors to the site, and the most popular pages.

    Keeping this cookie enabled helps us to improve our website.

    We reluctantly use Google Analytics as it helps us to test FV Player against popular Google Analytics features. Feel free to turn off these cookies if they make you feel uncomfortable.

    Statcounter is an independent Irish stats service which we have been using since the beginning of recorded time, sixteen years ago.

    Please enable Strictly Necessary Cookies first so that we can save your preferences!