Изображение над iframe youtube, возможно ли это?

Question

У меня есть этот HTML:

<div class="frame" id="play">
    <img src="images/click.png" alt="facebook">
</div>
<div class="frame" id="maru">
    <iframe width="418" height="278"
        src="http://www.youtube.com/embed/hPzNl6NKAG0"
        frameborder="0" allowfullscreen>
    </iframe>
</div>

и этот css:

.frame {
    width: 420px;
    height: 280px;
    position: absolute;
}

#play {z-index: 100}
#maru {z-index: 1}

Почему изображение появляется под видео на YouTube?

Answer 1

Простой ... Поставить? Wmode = непрозрачный после ID видео .... в src IFRAME ...

Пример:

<iframe width="418" height="278"
src="http://www.youtube.com/embed/hPzNl6NKAG0?wmode=opaque"
frameborder="0" allowfullscreen>

Answer 2

Вы не закрыли привязку своего изображения должным образом, но я не думаю, что это так.

Оно появляется под видео, потому что вы поместили его в другой div, и оба имеют один и тот же классэто означает, что оба div имеют свой собственный размерПопробуйте это:

HTML

 <div id="vidFrame" class="play">
 <iframe width="418" height="278"
 src="http://www.youtube.com/embed/hPzNl6NKAG0"
 frameborder="0" allowfullscreen>
 <img src="images/click.png" alt="facebook" />
      </iframe>
      </div>

CSS

     #frame {
       width: 420px;
       height: 280px;
      position: absolute;
        }

 .play {z-index: 100}
 .maru {z-index: 1}

Не уверен, что это будет работать, но эточто я бы попробовал.