重新调整YouTube视频的大小iframe似乎无效

时间:2016-04-18 03:50:36

标签: css iframe youtube height width

我只是从youtube视频中复制嵌入代码,我需要使用youtube vidoes进行广告

来自youtube的代码

<iframe width="350" height="260" src="https://www.youtube.com/embed/_K9VcuVmDFg" frameborder="0" allowfullscreen></iframe>

我已经编辑并更新了代码,它看起来像这样

 <div class="video">             
<iframe src="https://www.youtube.com/embed/_K9VcuVmDFg" frameborder="0" allowfullscreen></iframe>
    </div>

我已经编写了我的CSS,似乎它对网页上的YouTube大小没有任何影响

CSS

.video{
    width:67px;
    height:80px;
}

随着我增加视频大小,视频保持正常。如何重新调整视频大小以使其看起来很大?

2 个答案:

答案 0 :(得分:0)

你必须在iframe标签中定义类,然后css才会生效

<iframe class="video" src="https://www.youtube.com/embed/_K9VcuVmDFg"   frameborder="0" allowfullscreen></iframe>
     <style>
     .video{
      width:67px;
      height:80px;
     </style>

答案 1 :(得分:0)

你想用类&#39;视频&#39;来改变div中的iframe的大小。这样:

.video iframe {
   width:67px;
  height:80px;
}