Embedded Youtube videos black full screen on Chrome

[Ilkka Suominen]

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 –

[Bill Robbins]

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

[Ilkka Suominen]

Hello Bill!

Nope, still the same. 🙁

– Ilkka –

[Bill Robbins]

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.

[Ilkka Suominen]

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 –

[Bill Robbins]

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

[Author]

Posts