调整 YouTube 视频的大小 Iframe 似乎不起作用

Question

我只是从 youtube 视频中复制嵌入代码，我需要使用 youtube 视频做广告

来自 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;
}

随着我增加视频的大小，normal.How 重新调整视频的大小以使其看起来更大？

Answer 1

您必须在 iframe 标签中定义 class 然后 css 才会生效

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

Answer 2

您想要使用 class 'video' 更改 div 内的 iframe 的大小，因此：

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

调整 YouTube 视频的大小 Iframe 似乎不起作用

Re-size a YouTube videos Iframe seems not Working

css

youtube

iframe

height

width