Javascript 将imdb中的嵌入式视频适配到移动视图中
我正试图将IMDB电影预告片iframe嵌入到移动爱奥尼亚应用程序中, 问题是他们的嵌入代码显然不能低于400px的宽度,我已经用站点提供的宽度值设置了iframe的参数:Javascript 将imdb中的嵌入式视频适配到移动视图中,javascript,html,css,iframe,ionic-framework,Javascript,Html,Css,Iframe,Ionic Framework,我正试图将IMDB电影预告片iframe嵌入到移动爱奥尼亚应用程序中, 问题是他们的嵌入代码显然不能低于400px的宽度,我已经用站点提供的宽度值设置了iframe的参数: <iframe src="http://www.imdb.com/video/imdb/vi354465561/imdb/embed?autoplay=false&width=320" width="320" height="480" allowfullscreen="true" mozallowfullscr
<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的固定宽度。如果这是他们页面的一个限制,我可以使用什么推荐的替代方法在320像素宽的视口上正确显示预告片?这就是我使用的默认移动可视化
我现在应用的唯一解决方法是将iframe在容器上移动一点,以便全屏按钮可用,但这看起来并不正确。唯一的解决方案是更改iframe的CSS并使其响应您的ViewReport,这是可能的。试试这里提到的内容:
编辑:如果所有操作都失败,那么唯一的退路似乎是在iframe上创建一个可滚动的容器,以便用户至少可以完全滚动查看它。您可以通过来实现这一点,跨域限制是否会禁止我修改来自imdb域的内容?在第一个答案中,是的。你检查过其余的答案了吗?(第二个PHP看起来更有希望,否则就忽略我的答案)更新的答案至少提供了一个回退是的,有人给了我一些想法,将需要测试imdb是否接受这种“导入”,我将修改我服务器上的html结构,将其发送给客户端。