0

将视频放在较大图像之上并使其水平和垂直居中在图像中的正确 HTML 是什么？

这是视频的代码：

<br>
<div style="float:right;">
  <div id="ext-gen1825" autoplay="false" height="187" width="224" class="ddcPlayer-holder" style="-moz-user-select: none; background-color: #515151; -moz-border-radius: 5px; border-radius: 5px; background-repeat: no-repeat; background-position: center;width: 224px;height: 187px;background-image: url(http://videos2.dealer.com/clients/b/baierlautomotivemars/b9716e230a0d02b7010c94a788f23c9e_clicktoplay_en_US.png);" ddcplayerinfo="http://videos2.dealer.com/clients/b/baierlautomotivemars/b9716e230a0d02b7010c94a788f23c9e.xml-224px-187px">
    &nbsp;
  </div>
</div>

这是图像的代码：

<img id="ext-gen2174" src="http://pictures.dealer.com/b/baierlusedcars/0487/31f397280a0d02b700ae8af470747bb2.png"href="http://pictures.dealer.com/b/baierlusedcars/0487/31f397280a0d02b700ae8af470747bb2.png" title="Better Story.png" class="wysiwyg-image" tabindex="30000" style="height: 202px; width: 236px;">
4

2 回答 2

0

没有代码，可能很难确切地知道您在寻找什么......有不同的方法可以实现这一点。

在这个 div 中有一个带有背景图像和视频的 div。

还;

与您的图像position: relative;有一个 div，在该 div 内有一个与您的视频和设置的 div position: absolute;。相应地设置顶部和左侧 css 属性（50%，但有时您可能需要更少）。

于 2012-10-05T17:38:49.407 回答
0

我认为最简单的方法是使用表格。该表格将只有一个单元格，您填充该单元格，这将自动为您居中图像。我在下面使用了 iframe，因为这是来自 youtube 的嵌入式视频的默认代码。 

<table background="http://www.example.com/images/example.jpg" cellpadding=50>
<tr>
<td>
<iframe width="420" height="315" src="http://www.youtube.com/embed/te6qG4yn-Ps"  frameborder="0" allowfullscreen></iframe>
</td>
</tr>
</table>
于 2012-10-05T17:39:02.280 回答