• 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

Problems with FV player function in Safari and IE 10

Foliovision › Forums › FV Player › Troubleshooting › Problems with FV player function in Safari and IE 10

  • drfingerless 9 years, 1 month ago

    I have placed an mp4 video at the following URL
    http://www.codesignkit.org.au – towards the bottom of the page.
    Currently viewing this page requires first entering the password ‘codesignkit1’.
    All seemed to be fine to me but then the client has called saying:
    1. the player including the Splash does not appear at all when viewed in the Safari browser
    2. Client also uses IE 10 and in that browser video literally bounces up and down on the page. A very strange behaviour which can be viewed on this short video http://inkypress.server.net.au/wp-content/mrid/codesign/video/IE 10 bouncing FV player.MOV.
    Any advice about how to solve these two issues would be appreciated. I will provide more details if requested.

Viewing 20 replies - 1 through 20 (of 20 total)
  • drfingerless 9 years ago

    Better URL for viewed bouncing video in IE 10:
    http://inkypress.server.net.au/wp-content/mrid/codesign/video/IE-10-bouncing-FV-player.mov

    Martin 9 years ago

    Hello drfingerless,

    1) Safari issues – I wasn’t able to replicate this issue in Safari 7.1 on OS X 10.9.5 or Safari 6.1.4 on OS X 10.8.5. Could you please check what browser version is your client using? I’ll ask my colleges to test some other versions in the meantime.

    2) IE 10 issues – I was not able to reproduce the issue in IE 11 nor IE 9. Does it happen even if you use the default WordPress theme? You can use the theme preview and navigate to your page there.

    Thanks,
    Martin

    Martin 9 years ago

    Hello drfingerless,

    2) IE 10 issues – I tested IE 10 now and I can reproduce this issue. There must be some CSS conflicts with the animations. I tried to removed the .fp-timeline using console and then the issue was occurring only when I hovered the mouse in and out.

    I will forward this issue to our CSS designer, perhaps we should create a special styling option for your player with animations disabled to solve conflicts like this.

    Thanks,
    Martin

    drfingerless 9 years ago

    Hi Martin, thanks for looking in to this for me. You seem to be in a better position to test this issue as I do not have access myself to IE 10. My client does of course but it’s difficult to keep asking them to check to see if the problem is still there while I troubleshoot. They just want me to sort it out.
    When you say ‘conflict with the animations’, what animations are you referring to? Do you mean the way that the controls appear and disappear?
    I would appreciate any assistance with CSS that solves this issue, particularly as you are in a good position to test the result as you have access to IE 10.
    Regarding the Safari issue I have asked the client to provide browser version and OS number so you can see if you can replicate the problem. Thanks again for helping out here. Your player looks good in every other respect but obviously if I can’t get it to behave in the browser that the client uses then I am in a spot of trouble.

    drfingerless 9 years ago

    Client reports Safari and OS X versions as follows:

    Safari – Version 9.0.3 (11601.4.4)
    OS – OS X El Capitan Version 10.11.3 (15D21)

    Martin 9 years ago

    Hello drfingerless,

    IE 10 issues – could you please try to add the following CSS code to your theme?

    #main .flowplayer .fp-timeline .fp-buffer{-webkit-transition:none;-moz-transition:none;transition:none}

    That should help with the issue, let me know and I can check the IE 10 again.

    Thanks,
    Martin

    Martin 9 years ago

    Hello drfingerless,

    I asked our team about the Safari issues.

    Both issues appear to be some unfortunate CSS conflict.

    Thanks,
    Martin

    drfingerless 9 years ago

    I have added the transition css to the stylesheet. How does it look now at your end? I can always ask the client to check as long as I don’t do it too often.

    Regarding Safari, are you hoping to provide a fix for this CSS conflict as well?

    Martin 9 years ago

    Hello drfingerless,

    the CSS rule was too weak, we will check for something that would stop the CSS animations altogether. It could be good for compatibility, as clearly the CSS has some issue with your theme CSS.

    We hope to resolve the Safari issue as well,

    Thanks,
    Martin

    drfingerless 9 years ago

    Just wondering how your CSS investigations are coming along? My client would like their website to go live but I can’t while the video has this problem.

    Martin 9 years ago

    Hello drfingerless,

    it seems like CSS like this should help:

    .no-animation.flowplayer * { -webkit-transition:none !important;-moz-transition:none !important;transition:none !important; }

    However we are still investigating.

    Thanks,
    Martin

    drfingerless 9 years ago

    Ok, thanks Martin. I will ask the client to give it a try.

    Martin 9 years ago

    Hello drfingerless,

    actually I made a mistake, the CSS rule should look like this:

    .flowplayer * { -webkit-transition:none !important;-moz-transition:none !important;transition:none !important; }

    I’m waiting for our CSS designer to have a look at this as well.

    Thanks,
    Martin

    Lucia 9 years ago

    Hi drfingerless!

    We have tested with Safari as well but found no issue. Please let us know if the issue still appears. Thank you!

    Lucia

    drfingerless 9 years ago

    Lucia, the client using IE 10 says that nothing has changed. He has cleared his cache and the video is still jumping around. Also the Safari user (version indicated above) says that the problem now is that the poster image is not displaying. The video will play if he clicks on the large white blank space where the video should be but without the poster there is no indication that the video is there (even though it is).

    Martin 9 years ago

    Hello drfingerless,

    IE 10 – I can see that the animations are not there anymore, but the video still jumps up and down. Unfortunately our CSS designer is sick today, so he couldn’t look deeper into it.

    Lucia, please let drfingerless know what Safari on what OS X you used.

    Thanks,
    Martin

    drfingerless 9 years ago

    Any luck yet, Martin, Lucia?

    drfingerless 9 years ago

    Sorry guys, I can’t wait any longer. Jumping ship and looking for another player.

    viktor 9 years ago

    Hello drfingerless,
    sorry for the longer wait, I was looking at it just today, but so far haven’t been able to find any CSS related issue. I’d look further in conflicts between JS.

    thanks
    vk

    Martin 9 years ago

    Hello drfingerless,

    we disabled all the JavaScript except for jQuery and FV Player on a copy of your site HTML and now our player is not jumping anymore in IE 10. So I guess one of the JavaScripts must be doing something wrong with it.

    Thanks,
    Martin

Viewing 20 replies - 1 through 20 (of 20 total)
Reply To: Problems with FV player function in Safari and IE 10



Please Sign in or Register to upload files.

Related Posts

  1. Using URL Tags

  2. FV Player Now as a Widget

  3. Using Google Universal Analytics with FV Player

Primary Sidebar

Sign in Register
FV Player Docs Post New Topic

Welcome

to Foliovision support forums! We'll be happy to provide free support to resolve all the reported bugs. You always can start by specifying your OS and browser and steps to reproduce the bug.

If you need help with the installation on your site, please submit a request for a Pro Support Incident. We'll have you up and running in no time, with detailed instructions on how to resolve your issue yourself in the future.

Facing a hard to solve WordPress problem? On a tight deadline?

Let us take care of it for you
right now.

Pro Support Buy FV Player

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!