【问题标题】:Modal truncated upon load加载时截断模态
【发布时间】:2017-01-08 16:16:05
【问题描述】:
我制作的模式遇到了一个罕见的问题。我有一个 iframe 可以在模式上加载嵌入的 youtube 视频,它在我为测试它而创建的单独的 HTML 文件(空)上运行良好。
当我尝试将其加载到实际站点的本地模板上时,youtube 视频被截断。而且,当我按 ctrl+shift+i (控制台)时,整个视频就会出来。我搜索了该问题的任何可能解决方案。
谁能帮帮我。附上下面的照片。
【问题讨论】:
标签:
javascript
youtube
youtube-iframe-api
【解决方案1】:
伙计们,我以某种方式解决了这个问题。
面临的问题:-
1) 我注意到,当我拉起控制台日志 (crtl+shift+i) 时,截断的视频变成了全尺寸
2)我尝试使用 innerHTML 重新加载 div 内容
3)我尝试应用 min-height 属性,div 以全尺寸显示,但视频仍然保持不变。
我是如何解决的:-
我从 iframe 中删除了 src,然后在显示模态的函数上添加了一行来设置 iframe 源。这以某种方式解决了我的问题。
另外,我还删除了之前对 CSS 和 JS 文件所做的所有更改,如上所述。
我知道问题和解决方案听起来很奇怪(对我来说也是如此)