3

我在本地机器上构建一些 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 中显示本地内容(同一目录)没问题。还使用其他外部站点/资源和相同的问题进行了测试。

谢谢

4

3 回答 3

6

将 http: 添加到 src 的开头:

<iframe width="560" height="315" src="http://www.youtube.com/embed/oBjWLXLroWc" frameborder="0" allowfullscreen></iframe>
于 2013-08-13T01:10:54.580 回答
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/

祝你好运!

于 2013-08-13T01:21:21.623 回答
0

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

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

于 2013-08-13T01:20:13.853 回答