Heads up! This blog post hasn't been updated in over 2 years. CodePen is an ever changing place, so if this post references features, you're probably better off checking the docs. Get in touch with support if you have further questions.

Have you ever tried to embed a YouTube video on CodePen? It might have ended up looking like this:

Sad trombone.

That’s because, by default, YouTube embeds still uses Flash. Even if you have Flash installed on your computer, the sandboxing of the iframe preview we display blocks it. Security and stuff.

All is not lost!

You simply need to opt-in to YouTube’s HTML5 video player.

It will look like this:

You don’t need to do anything else on the CodePen side. Simply refresh and you’ll see the YouTube video like you would expect:

Other Video Hosts

• BrightCove – Setting Your HTML5 Video Delivery Options
• Vimeo – Chrome & Safari default to HTML5 player, but Firefox doesn’t/can’t.