嵌入Youtube视频不在本地播放,在线时很好

时间:2013-12-19 02:05:45

标签: youtube-api

当我在页面上嵌入Youtube视频并在本地测试时,没有任何反应或浏览器甚至锁定,具体取决于浏览器。发布页面,在线测试,它工作正常。显然不是理想的开发/测试场景。我正在使用来自Youtube的iframe嵌入代码。

这看起来确实是一个跨域安全问题,但我发现没有使用Firebug的错误,并且没有找到任何引用,也没有任何有类似问题的人。可能只是遗漏了一些东西,但我很难过。我不喜欢被困......很久。

在线工作但不在本地工作的示例,即使这是正文中唯一的代码:

<iframe width="640" height="360" src="//www.youtube.com/embed/INg83kArY4g?rel=0" frameborder="0" allowfullscreen></iframe>

顺便说一句,在我自己的网络服务器(非本地)托管时,在本地嵌入和播放相同的视频没问题。任何帮助将不胜感激。

2 个答案:

答案 0 :(得分:2)

文件无法在本地加载的原因是因为您在定义src属性时使用的是协议相对URL。 当浏览器解析src时,它将预先显示查看该页面的方案(http:或https :)。如果正在本地查看该页面,则您的浏览器将在{1}}前加上该URL这将导致无效的URL。

您可以通过在file上插入方案来解决问题。

src

或在本地服务器上提供该页面。

参考
Paul Irish

答案 1 :(得分:0)

尝试将“http:”添加到src属性的开头:

<iframe width="640" height="360" src="http://www.youtube.com/embed/INg83kArY4g?rel=0" frameborder="0" allowfullscreen></iframe>