Skip to content

Object tag z-index not working in IE

If you are playing any flash/brightcove video using object tag and you want to show custom play button or image on video you can use z-index property to adjust play button position. This works fine in chrome and Mozilla except internet explorer. In IE object tag won’t take any css property. See below example

<object type=”video/quicktime” data=”http://localhost/videos/” width=”340″ height=”280″>
<param name=”controller” value=”true” />
<param name=”autoplay” value=”false” />
<param name=”wmode” value=”transparent” />

By default, wmode property is set to “transparent” to apply z-index or any css property set wmode property to “opaque”

Published inCSSCSS Interview QuestionsHtml

Be First to Comment

Leave a Reply

Your email address will not be published. Required fields are marked *