YouTube iframe,浏览器在本地查找文件

时间:2013-08-13 00:57:02

标签: html iframe

我遇到问题,我在本地计算机上构建了一些html页面,并且我尝试使用提供的代码将YouTube视频嵌入到页面中:

<iframe width="560" height="315" src="//www.youtube.com/embed/oBjWLXLroWc" frameborder="0" allowfullscreen></iframe>

然而,当我在本地测试页面时,我找不到文件C:\ desktop \ testsite \ http://www.youtube.com ....等等

任何人都知道为什么会这样,我不相信我以前遇到过这个。

使用的浏览器是最新的FF和最新的Chrome,都显示未找到的文件。已检查所有代码,似乎没有任何错误,我可以在iframe中显示本地内容(相同目录)没问题。还与其他外部网站/资源和相同问题进行了测试。

由于

3 个答案:

答案 0 :(得分:6)

将http:添加到src的开头:

<iframe width="560" height="315" src="http://www.youtube.com/embed/oBjWLXLroWc" frameborder="0" allowfullscreen></iframe>

答案 1 :(得分:2)

我假设您通过"file://C:/desktop/testsite/index.htm"或类似的方式访问该文件?

"...src="//www.youtube."...使用地址/位置栏中的协议/方案,在这种情况下为"file://....",它会为您提供正在经历的结果。

要解决此问题,您需要安装一些Web服务器软件WAMP或IIS,具体取决于您是否希望在某些时候进行服务器端编码。

PHP - WAMP - http://www.wampserver.com/en/

ASP.NET IIS - http://www.iis.net/

祝你好运!

答案 2 :(得分:0)

这可能是因为您正在本地开发。尝试使用WAMP或XAMP进行开发。或者将更改上传到您的域并再次测试。正如heems所提到的,您可以通过将http://包含到您的网址来调整代码以使用绝对路径。只使用//将您带到路径的基点或根。因为你的html文档的基础是你的C:驱动器,所以它用于查找/构建URL。

这个页面可能比我能帮助解释它更好。 - http://en.wikipedia.org/wiki/File_URI_scheme