0

对于我的网站，我有一个显示屏幕的图像。在该屏幕内，我已在该屏幕内移动了一个嵌入的 youtube 视频。所以嵌入是在图像的顶部。我可以使用以下方法将嵌入的视频放入正确的位置：

<div style="position:relative"> 
  <img src="screen.png" />
  <div style="position:absolute; left:0px;top:0px;">    
    <embed src="http://www.youtube.com/embed/qoSEzTpbxP4" width="310" height="210" allowfullscreen=true"></embed>           
  </div>
</div>

我希望整个事情都居中，但是如果我用标签包围它，那么显然没有任何中心因为位置；嵌入从窗口左侧停留 544，而不是从图像左侧。有没有办法使嵌入移动以匹配图像居中的位置？

（注意：我知道我应该为所有样式使用单独的 CSS 文档，但我现在对此不感兴趣，我只想让它工作，然后我可能会稍后将样式封装到一个单独的地方）

4

2 回答 2

0

尝试这个

<div style="margin: 0px auto; text-align: center; width: 500px; position: relative;"> 
  <img src="screen.png">
  <div style="position: absolute; z-index: 1; margin: 0px auto; text-align: center;">   
    <embed width="425" height="349" allowfullscreen="true&quot;" src="http://www.youtube.com/embed/qoSEzTpbxP4">           
  </div>
</div>
于 2013-02-12T12:50:08.863 回答
0

试试这个...好看的视频帧！

<object height="360" width="580" id="video_MT6UDIruUkU" type="application/x-shockwave-flash"
data="http://www.youtube.com/apiplayer?enablejsapi=1&version=3">

    <param value="always" name="allowScriptAccess">
    <param value="transparent" name="wmode">
    <param value="video_id=MT6UDIruUkU&playerapiid=MT6UDIruUkU"
    name="flashvars">
    <param value="http://www.youtube.com/apiplayer?enablejsapi=1&version=3"
    name="movie">

</object>

<div class="controlDiv play"></div>
于 2013-09-29T04:54:36.080 回答