css - 将带有样式的 DIV 包裹在嵌入的 YouTube 视频中

Question

我在一个页面上嵌入了三个 YouTube 视频，但我用一个 DIV 和一个名为“videoplayer”的类将它们包裹起来，但 DIV 和类似乎被忽略了，因为它们没有显示在页面中.

你可以在这里看到: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

与其创建围绕播放器的 div 并向 div 添加类，不如使用播放器的内置类 youtube-player 来应用您的样式:

.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 以及上面的问题:)

希望对您有所帮助:)