加载后模态被截断

时间:2017-01-08 16:16:06

标签: javascript youtube youtube-iframe-api

我面临着我制作的模式的罕见问题。我有一个iframe在模态上加载一个嵌入式youtube视频,它在我创建的单独的HTML文件(一个空的)上运行良好来测试它。

当我尝试在实际网站的本地模板上加载时,youtube视频会被截断。而且,当我按下ctrl + shift + i(控制台)时,整个视频就出来了。我搜索了该问题的任何可能的解决方案。

任何人都可以帮助我。将照片附在下面。

enter image description here

enter image description here enter image description here

1 个答案:

答案 0 :(得分:0)

伙计我以某种方式解决了这个问题。

面临的问题: -

1)我注意到当我拉出控制台日志时,截断的视频变成了全尺寸(crtl + shift + i)

2)我尝试使用innerHTML重新加载div内容

3)我尝试应用min-height属性,div以完整大小显示,但视频仍然保持不变。

我是如何解决的: -

我从iframe中删除了src,然后在函数上显示模态我添加了一行来设置iframes源。这在某种程度上解决了我的问题。

另外,我还删除了之前对CSS和JS文件所做的所有更改,如上所列。

我知道问题和解决方案听起来都很奇怪(对我也是如此)