将imdb中的嵌入视频调整为移动视图

时间:2016-07-22 04:47:42

标签: javascript html css iframe ionic-framework

我正在尝试将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结构中的所有元素都显示400px的固定宽度。如果这是他们页面的限制,我可以使用什么推荐替代方案在320px宽度视口上正确显示预告片?这就是我使用的默认移动可视化。

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

1 个答案:

答案 0 :(得分:1)

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

编辑:如果全部失败,似乎唯一的后备可能是在iframe上创建一个可滚动的容器,以便用户至少可以完全滚动查看它。您可以使用CSS Overflow property

执行此操作