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>而不是/>结尾。

YouTube iFrame打破jQuery

1 个答案: