Click here to Skip to main content
11,935,066 members (56,318 online)
Click here to Skip to main content
Add your own
alternative version

Tagged as


2 bookmarked

Embedded YouTube videos z-index problem while playing

, 29 Jan 2013 CPOL
Rate this:
Please Sign up or sign in to vote.
Embedded YouTube videos z-index problem while playing.

Problem Description 

If you come across embedding YouTube videos to your website, you might know this problem. When some elements in your page have a higher z-index to float on other elements, the YouTube embedded video ignores their z-index and hides them under it. 


A simple way to solve this is to add the wmode=transparent property to the source URL of the video: 

<iframe width="752" height="425" src="" 
  frameborder="0" allowfullscreen=""></iframe>


This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


About the Author

Veera Prathap Annem
Software Developer
India India
Give me six hours to chop down a tree and I will spend the first four sharpening the axe.

You may also be interested in...

Comments and Discussions

-- There are no messages in this forum --
| Advertise | Privacy | Terms of Use | Mobile
Web04 | 2.8.151126.1 | Last Updated 29 Jan 2013
Article Copyright 2013 by Veera Prathap Annem
Everything else Copyright © CodeProject, 1999-2015
Layout: fixed | fluid