Как разместить видеоизображение YouTube над изображением?

Question

У меня есть видео на YouTube, и я хочу, чтобы оно было ограничено изображением. Он идеально подходит, но я не могу воспроизвести его.

Вот ссылка:

< iframe style="margin-top: 0px; margin-left: 85px;"width="431" height="270" src="http://www.youtube.com/embed/RHaIQWOsxaA?autoplay=0&cc_load_policy=1" frameborder="0" allowfullscreen></iframe> 

И видео выглядит так?

http://kepfeltoltes.hu/131024/354340238asd_www.kepfeltoltes.hu_.jpg

Может кто-нибудь помочь мне с этим.

Большое вам спасибо!

** *Редактировать**

Спасибо, я устал г-индекс, теперь он показывает видео, но я стил не могу играть. : S

** *Редактировать**

Это прекрасно, спасибо так много!

Answer 1

здесь очень простой решение

HTML:

<div class="video-container"> 
<iframe class="Video" src="http://www.youtube.com/embed/RHaIQWOsxaA?autoplay=1" frameborder="0" allowfullscreen></iframe> 
</div> 

CSS:

.video-container { 
    background: url(http://images.amazon.com/images/G/01/electronics/apple/apple-mbp2011-13-frontface_osx-lg.jpg) no-repeat; 
    height: 590px; 
    width: 1000px; 
} 
.Video{ 
    position:absolute; 
    width: 654px; 
    height: 411px; 
    left: 177px; 
    top: 69px; 
} 

А Вот Demo

Answer 2

Назначьте z-индекс 2 для Iframe и z-индекс 1 для изображения через CSS.