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

2022-10-30 16:18:50 +08:00
 fl2d

比如下面这样的(直接从 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 里能解决的方法么?

567 次点击
所在节点    问与答
2 条回复
dengqing
2022-10-30 21:00:18 +08:00
width height 都设置 100%
fl2d
2022-10-31 08:07:24 +08:00
@dengqing
100%不就窗口那么宽了嘛,还是想设置宽度啊。。窗口宽度小于视频宽度的时候 responsive 。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/891178

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX