将来自 imdb 的嵌入视频改编为移动视图答案

【问题标题】：Adapting embedded video from imdb into a mobile view将来自 imdb 的嵌入视频改编为移动视图
【发布时间】：2016-11-25 21:06:23
【问题描述】：

我正在尝试将 IMDB 电影预告片 iframe 嵌入到移动 Ionic 应用程序中，问题是显然他们的嵌入代码不能低于 400px 宽度，我已经使用网站提供的宽度值设置了 iframe 的参数：

<iframe src="http://www.imdb.com/video/imdb/vi354465561/imdb/embed?autoplay=false&width=320" width="320" height="480" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true" frameborder="no" scrolling="no"></iframe>

但其 html 结构中的所有元素都显示 400 像素的固定宽度。如果这是他们页面的限制，我可以使用什么推荐的替代方法在 320 像素宽度的视口上正确显示预告片？这是我用作默认移动可视化的内容。

我现在应用的唯一解决方法是将 iframe 稍微移到容器上方，以便全屏按钮可用，但这看起来不正确。

【问题讨论】：

标签： javascript html css iframe ionic-framework

【解决方案1】：

唯一的解决方案是更改 iframe 的 CSS 并使其响应您的 vieweport，这可能是可能的。试试这里提到的：How to apply CSS to iframe?

编辑：如果一切都失败了，似乎唯一的后备可能是在你的 iframe 上创建一个可滚动的容器，以便用户至少可以看到它完全滚动。您可以使用CSS Overflow property

【讨论】：

跨域限制不会禁止我修改来自imdb域的内容吗？
第一个答案，是的。你检查了其余的答案吗？（使用 PHP 的第二个看起来更有希望，否则请忽略我的回答）
更新的答案至少提供了一个后备
是的，有人给了我一些想法，需要测试 imdb 是否接受这种“引入”，我之前会修改服务器上的 html 结构以将其发送给客户端。跨度>