嵌入网页的 youtube 视频不 responsive，有啥简单办法解决吗？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 759 天前的主题，其中的信息可能已经有所发展或是发生改变。

比如下面这样的(直接从 youtube 里复制出来的)嵌入网页的 youtube 视频，

复制进 html 文件，不能 responsive ，如何解决呢？

<iframe width="560" height="315" src="https://www.youtube.com/embed/fozvwUkVLQ8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

我不会 css ，网上搜到一些改 css 的，但我不知道在哪个 css 文件改啊。。

有啥能就在 html 里能解决的方法么？

2 条回复 • 2022-10-31 08:07:24 +08:00

dengqing

2022-10-30 21:00:18 +08:00 via iPhone

width height 都设置 100%

fl2d

2022-10-31 08:07:24 +08:00

@dengqing
100%不就窗口那么宽了嘛，还是想设置宽度啊。。窗口宽度小于视频宽度的时候 responsive 。