Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    May 2018
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Angry Video not showing after tabbing on Safari - Issue is killing me

    I designed a website for a client and had a developer (better than me) put together some Javascript which shows a video on hover. Works fine on all browsers except safari; it has a strange quirk.

    The first time the page loads and the user performs the hover, the video plays no problem. If the user clicks on another tab (in the same browser window) and tabs back to the page, the video doesn't show. Just a box where the video should be.

    Here's the page where you can see it in all its glory: https://portfolio2-testing.danjwilli.../intro-final3/

    Video is MP4 H.264.

    What the hell is the problem? The developer can't solve the mystery. Can you?

  2. #2
    New Coder
    Join Date
    Apr 2017
    Posts
    19
    Thanks
    0
    Thanked 2 Times in 2 Posts
    I get:

    Oh ****.

    What you were looking for isn't here.

  3. #3
    New to the CF scene
    Join Date
    May 2018
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I removed the page because I found a fix. I've restored the page at the above link if you want to take a look.

    The issue was with
    display: none;
    , there was a conflict with Safari's power consumption reduction when content isn't displayed. Using
    height: 0; width: 0;
    gets it working.


 

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •