Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/461.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将imdb中的嵌入式视频适配到移动视图中_Javascript_Html_Css_Iframe_Ionic Framework - Fatal编程技术网

Javascript 将imdb中的嵌入式视频适配到移动视图中

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

我正试图将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" mozallowfullscreen="true" webkitallowfullscreen="true" frameborder="no" scrolling="no"></iframe>

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


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

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



编辑:如果所有操作都失败,那么唯一的退路似乎是在iframe上创建一个可滚动的容器,以便用户至少可以完全滚动查看它。您可以通过

来实现这一点,跨域限制是否会禁止我修改来自imdb域的内容?在第一个答案中,是的。你检查过其余的答案了吗?(第二个PHP看起来更有希望,否则就忽略我的答案)更新的答案至少提供了一个回退是的,有人给了我一些想法,将需要测试imdb是否接受这种“导入”,我将修改我服务器上的html结构,将其发送给客户端。