YouTube iFrame 打破 jQuery

Question

我想做一些看似简单的事情 - 在我的页面上嵌入一个 YouTube 播放器。但是，它破坏了我页面上的 FlexSliders。页面顶部应该有一个轮播，左下角应该有一个。

看一看：http://www.maplemountainchorus.org/mandy/index2.html

我只是错过了什么吗？

这是我用于 YouTube 的内容：

<div id="youTube">
    <iframe id="ytplayer" type="text/html" width="400" height="360" src="https://www.youtube.com/embed/?listType=playlist&list=PLqJ3d9oC51bYbad5C_43lNPSJdUibM2J3&showinfo=1" frameborder="0"  allowfullscreen />
</div>

Answer 1

JS控制台报错是

Blocked a frame with origin "https://www.youtube.com" from accessing a frame with origin "http://www.maplemountainchorus.org".  The frame requesting access has a protocol of "https", the frame being accessed has a protocol of "http". Protocols must match.

尝试去掉 YouTube iframe 标签中的https://

您还可以查看结束 iframe 标记。 iframe 标记不是单例标记，必须以 </iframe> 而不是 /> 结尾。