在移动网站中嵌入YouTube视频有效,但“域协议和端口必须匹配”错误会阻塞浏览器

时间:2013-01-28 00:32:05

标签: security jquery-mobile youtube embed mobile-website

我试图通过jQuery注入以下代码,动态地将youtube视频嵌入到移动网页中。

$(“#tagetId”)。append(“http://www.youtube.com/embed/oHg5SJYRHA0'frameborder ='0'>”);

我在chrome ios上测试这个并且视频确实正确呈现但是网页的某些部分似乎认为视频没有渲染,并且每半秒左右我得到以下错误的新实例。

Unsafe JavaScript attempt to access frame with URL http://mydomain.html from frame with URL http://www.youtube.com/embed/oHg5SJYRHA0. Domains, protocols and ports must match.

这似乎真的堵塞了浏览器并导致加载事件回调函数(i.d.“第一行代码”)反复触发。

$( 'IFRAME')。负载(函数(){     //第一行代码     $(本).load(函数(){          //第二行代码     }) });

有没有更好的方法来做到这一点。谁能解释我做错了什么?

2 个答案:

答案 0 :(得分:1)

这解决了它:

<iframe scrolling='no' class='youtube-player' style='height:200px;width:100%' src='https://www.youtube.com/embed/oHg5SJYRHA0?html5=1' frameborder='0'></iframe>

答案 1 :(得分:0)

不确定你在做什么

  

$("#tagetId").append("http://www.youtube.com/embed/oHg5SJYRHA0' frameborder='0'>");

但这看起来像是附加了格式错误的HTML。

也许你只是没有追加整个iframe标签?