2013-04-30 55 views
2

我想做一些看似简单的事情 - 在我的页面上嵌入YouTube播放器。不过,它打破了我的页面上的FlexSliders。应该在页面顶部有一个传送带,左下角有一个传送带。YouTube iFrame打破jQuery

请看: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> 

回答

3

的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>而非/>结尾。

+0

就是这样 - 我从http://在iframe中的YouTube视频引用中删除了“s”,并将其修复!谢谢!! – user2325558 2013-04-30 23:00:17

+1

@ user2325558如果这个答案对你有帮助,记得点击左边的绿色复选标记来接受它。 – Doorknob 2013-05-01 02:34:58