Embedded Youtube videos black full screen on Chrome

Support Area Forums United Embedded Youtube videos black full screen on Chrome

This topic contains 5 replies, has 2 voices, and was last updated by  Bill Robbins 1 year ago.

Viewing 6 posts - 1 through 6 (of 6 total)
URL to the page in question: http://www.puuveljet.fi/puiden-kaadot
  • Author
    Posts
  • #37750

    Ilkka Suominen
    Participant

    Hi Bill!

    Any idea why an embedded Youtube video shows only black when going full screen with Chrome based browsers?
    Mozilla works fine.

    I tried the embed code that Youtube provides and then started using Youtube Free plugin so that the videos would be responsive. The same problem persists.

    All the best!

    – Ilkka –

    #37752

    Bill Robbins
    Moderator

    Hello Ilkka,

    That is a most unusual problem. I believe the source of the trouble is coming from the animation that’s loading the page there. Here’s what to do about that:

    1. In your WordPress dashboard click on the Appearance section and choose Theme Options.
    2. From the tabs at the top, choose the Styling one.
    3. Scroll down to the Custom CSS box and add this:
      
      @keyframes fadeInUp {
      	from {
      		opacity: 0;
      		-webkit-transform: translate3d(0,100%,0);
      		transform: translate3d(0,100%,0);
      	} to {
      		opacity: 1;
      		-webkit-transform: none;
      		transform: none;
      	}
      }
      
      .fadeInUp{
      	-webkit-animation-name:fadeInUp;
      	animation-name:fadeInUp;
      }
      
    4. Save your changes.

    As browsers have changed over the years they’ve altered some of the CSS animation syntax just a bit. See if this updated version of that animation doesn’t fix the full screen video trouble. If it doesn’t let me know.

    Have a great day,
    Bill

    #37753

    Ilkka Suominen
    Participant

    Hello Bill!

    Nope, still the same. 🙁

    – Ilkka –

    #37754

    Bill Robbins
    Moderator

    Try clearing out your browser’s cache and refresh the page. It’s working for me on your site now in Chrome and Safari. Before it didn’t work in either one.

    #37755

    Ilkka Suominen
    Participant

    Oh yeah!

    I was testing this with Comodo Dragon (which is Chrome based) and with that one it doesn’t work but with Chrome everything is ok!

    I think this is now a Comodo Dragon Flash Player issue rather than WordPress or WordPress theme issue. 🙂

    Thank you again!

    – Ilkka –

    #37757

    Bill Robbins
    Moderator

    Glad to hear it’s working now with regular old Chrome again 🙂

    If you run into any other trouble, just let me know.

    Take care,
    Bill

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Embedded Youtube videos black full screen on Chrome’ is closed to new replies.