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

Foliovision

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!

New HTML mark-up and design changes

3 September 2019 / Juraj Kacaba / Leave a Comment

Although we love to bring new features to the FV Player as often as possible there’s also a plenty of space for us to update and optimize the old ones.

This time we’ve focused on the technical background of our player and made few small but very important changes in our player’s HTML code. To pack this update up even more, we’ve decided to add few small design changes as well.

Check them out.


HTML changes

We’ve decided to switch from using CSS backgrounds to simple IMG for splash images on our player. There are several reason for doing that. The first and main one is the fact that this way it does support lazy load and loads faster than with CSS. It also allows us to add support for responsive images and retina.

Design changes

The second part of this update is focused on design changes. We’ve decided to change few things in design of our player and we think you’ll like them. 

The first change that we’ve done is that we decided to move the Airplay button next to the fullscreen button. This way it is much less apparent and you’ll less likely accidentally press it.

The second change is that we’ve changed the way how timeline and control buttons work when the video player is too narrow.

With this new update the timeline and buttons will automatically re-arrange, as you can see in the screenshot below.

This way you’re able to conveniently control all features no matter how narrow the video player window really is. This update will mostly affect users who use mobile devices with smaller screens.

And the third and last change is that we’ve decided to group whole playlist(player and playlist items) into one single lightbox instead of using new lightbox for every playlist item. This will help us to prevent collisions with styling on users websites and it will slightly improve performance on sites with many playlists on a single page.

Fire
play-sharp-fill

Fire00:44

PayPal00:14

Carly Simon02:51

Fire
play-sharp-fill

Fire00:44

PayPal00:14

Carly Simon02:51


Stay tuned for more!

We are trying to make our FV Player plugin better every single day by bringing more and more upgrades and updates into it. You can actually help us a lot, by giving us feedback.

So if you have any tips or questions, don’t hesitate and contact us via our Forum!

Categories: FV Player

Related Posts

  1. Approaching Responsive Design

    Approaching Responsive Design

  2. How to change the playbar design of an audio track ?

    How to change the playbar design of an audio track ?

  3. HTML Video tag is added the HTML after the video is clicked, causing SEO problem

    HTML Video tag is added the HTML after the video is clicked, causing SEO problem

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
  • Camera Reviews
  • Case Studies
  • Design
  • FV Player
  • 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
  • Delete LinkedIn Account
  • Responsive Design Calculator
Foliovision logo
All materials © 2025 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. ‭+421 2/5292 0086‬

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 .

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!