在 iOS 上观看时，如何让 youtube iframe 视频正确调整大小？答案

【问题标题】：How to get youtube iframe videos to resize properly when viewed on iOS?在 iOS 上观看时，如何让 youtube iframe 视频正确调整大小？
【发布时间】：2012-05-18 06:50:59
【问题描述】：

我正在运行响应主题，在普通浏览器上观看时视频显示正常，但在移动设备上观看时（我使用的是 iPhone），它们的大小调整不正确。

视频不会停留在内容区域内，而是溢出到侧边栏中。

这些视频是 iframe Youtube 视频嵌入。

【问题讨论】：

标签： iphone css video browser mobile-safari

【解决方案1】：

我添加了 iframe {max-width:100%;}，它似乎可以工作

【讨论】：

【解决方案2】：

调整视频大小很困难。考虑使用这个 jQuery 插件：fitvids。

【讨论】：

嗯，它在没有插件的情况下对其他人也有效。看看这个网站everchangingmedia.com/category/videos
我添加了 iframe {max-width:100%;} 它似乎工作。如果有人可以检查他们的手机并查看他们是否在您端正确查看，我将不胜感激？谢谢！
在这里回答您自己的问题是完全可以接受的，但您应该继续将其添加为答案而不是评论。您甚至可以将其标记为已接受的答案。干杯。
谢谢，我是新来的，正在学习一切如何运作。其实我只是想通了为什么我没有回答我的问题，直到 8 小时过去了我才能做到这一点..

【解决方案3】：

我在我的移动主题中使用此代码来隐藏可能在移动设备上出现问题的元素：

@media screen and (max-width: 480px) {

.mobilehide {
    visibility: collapse;
    width: 0px;
    height: 0px;
}

希望对你有用。

【讨论】：

您实际上是在寻找一种隐藏元素的惰性解决方案。您绝对应该尝试修复。