某些iframe [嵌入的youtube和日历不会在firefox中显示

Question

https://codepen.io/captlid/pen/EzBNGj

我的目标是让用户调整每个iframe的大小。

.example {
float:left; height:380px; width:380px;
overflow: auto; overflow-y: hidden;
resize:both; position:relative; z-index: 1; }

.youtube {
 width: 98%; height: 98%;
 border: none;
 }

这真的很奇怪。因此，第一个iframe应该有一个youtube视频，第二个是嵌入的Google日历，它将显示在codepen.io中 但不在firefox中计算机上的单独html文件中。

它在chrome上显示。

这是在Windows 8计算机上，每个浏览器的最新版本。

我怀疑其原因是因为某些原因，Firefox无法正确解码uri特殊字符，但我不确定。