javascript - 在图像后面对齐视频

Question

我正在尝试将视频对齐到图像后面，这样看起来就像您正在更换电视机的 channel 一样。现在视频很小，我无法调整视频的大小。对此有任何想法或更好的方法吗？

<div class="col-md-offset-1 col-md-5" style="position:relative;">
   <div style="position:absolute;">
       <iframe allowfullscreen="" src="https://www.youtube.com/embed/oNBBijn4JuY?showinfo=0&amp;wmode=opaque" frameborder="0"></iframe>
    </div>
    <div style="max-width:100%;max-height:100%;margin:auto;position:relative;">
        <img src="https://dl.dropboxusercontent.com/s/cqyrqtx4i7zwt0w/tvset_small_cropped.png" />
    </div>
</div>

https://jsfiddle.net/e2syv64u/

Answer 1

您可以像在 fiddle 中一样通过 left 和 top 属性来完成，但是您必须在像素之后添加 px号码，例如:

<div style="position:absolute;top:10px;left:100px;">

希望这对您有所帮助。