Question

我已经在网页上嵌入了三个YouTube视频，但是我用DIV和一个名为“videoplayer”的CLASS包装它们，但DIV和CLASS似乎被忽略了，因为它们没有显示在页面中

您可以在此处查看：http://72.4.166.89/en/tutorial.asp

这是使用的CSS：

.videoplayer {
border: 1px solid #1D740C;
height: 384px;
width: 480px;
padding: 0px;
margin-left: 25px;
margin-bottom: 25px;

}

我看过我的大多数工具，但我没有看到DIV或CLASS已被使用，但它们就在那里。有没有其他人遇到这个，或者这是不允许的？

Answer 1

为什么不使用播放器youtube-player的内置类来应用你的样式，而不是创建div来围绕播放器并为div添加类，

.youtube-player{
    border: 1px solid #1D740C;
    height: 390px;
    width: 480px;
    padding: 0px;
    margin-left: 25px;
    margin-bottom: 25px;
}

关于jsfiddle的工作示例：http://jsfiddle.net/Damien_at_SF/guSAC/1/

这绕过了父母div的需要以及上面的问题：）

希望有所帮助：）

Answer 2

带有“videoplayer”类的div在您的页面上，但如果您不应用任何CSS样式信息，则不会做任何事情非凡。如果您想看 div，请添加背景颜色或边框等，例如

div.videoplayer {
background:black;
border:2px solid red;
padding:10px;
}

......或者那种效果。

Answer 3

你是div就在那里，如果没有一些帮助，你就无法在浏览器中看到它。你用了什么工具？尝试使用firebug，我花了3秒钟才能通过搜索功能找到它。

或者这是不允许的？

绝对允许。在div中有一个对象标签就可以了。

Answer 4

我发现你缺少（至少）一个div的关闭标签

  <div class="videoplayer">
    <iframe title="YouTube video player" class="youtube-player" type="text/html" width="480" height="390" src="http://www.youtube.com/embed/icAFUlsysqg?rel=0" frameborder="0"></iframe>
  <!-- you see, there is no closing </div> tag, so put it here -->
  <div class="videoplayer">
    <iframe title="YouTube video player" class="youtube-player" type="text/html" width="480" height="390" src="http://www.youtube.com/embed/WC0E9jHw1B8?rel=0" frameborder="0"></iframe>
  </div>
  <div class="videoplayer">
    <iframe title="YouTube video player" class="youtube-player" type="text/html" width="480" height="390" src="http://www.youtube.com/embed/ayJbo1-ReBc?rel=0" frameborder="0"></iframe>
  </div>

而且，你应该为这个类定义一些CSS：）

在嵌入的YouTube视频周围使用样式包裹DIV

4 个答案: