Php jQuery fancyBox YouTube视频不工作

我正在使用WordPress和jQuery显示YouTube视频，但我遇到了以下错误：

XMLHttpRequest cannot load http://www.youtube.com/embed/L9szn1QQfas?autoplay=1. Origin http://localhost is not allowed by Access-Control-Allow-Origin.

我在footer.php中添加了bellow

jQuery-code

$(document).ready(function() {
    $(".fancybox").fancybox();
});

并在我的帖子中添加了下面的html代码

<a class="fancybox fancybox.iframe" href="http://www.youtube.com/embed/L9szn1QQfas?autoplay=1">
    <img class="alignleft size-thumbnail wp-image-583" alt="small-screen-youtube" src="http://localhost/example/wp-content/uploads/2013/10/small-screen-youtube-150x150.png" width="150" height="150" />
</a>

这个问题让我很痛苦：(

---

有什么想法或建议吗？谢谢。

由于浏览器原因，对服务的请求失败。您的本地服务器位于

http://localhost

当您试图访问位于的资源时。这两个资源都位于不同的域中。因此它无法工作

解决这个问题的一种方法是使用JSONP或CORS头（使用

访问控制允许来源

和

访问控制允许方法

），这是规范的一部分

使用访问控制允许源 在响应中设置

访问控制允许原点

标题

Access-Control-Allow-Origin: *

---

上述操作将允许任何资源跨域使用该服务。请参阅如何配置

访问控制允许
。
由于浏览器原因，对该服务的请求失败。您的本地服务器位于
http://localhost
当您试图访问位于的资源时。这两个资源都位于不同的域。S哦，这行不通

解决这个问题的一种方法是使用JSONP或CORS头（使用
访问控制允许来源
和
访问控制允许方法
），这是规范的一部分

使用访问控制允许源
在响应中设置
访问控制允许原点
标题

Access-Control-Allow-Origin: *

上述操作将允许任何资源跨域使用服务。请参阅如何配置
访问控制允许。


要解决此问题，您只需将“fancybox.iframe”更改为“fancybox iframe”-删除点（.），对我有用。


要解决此问题，您只需将“fancybox.iframe”更改为“fancybox iframe”-删除点（.），为我工作。
在您的文件中尝试您的代码工作得非常好，但正如前面提到的，您应该在服务器环境中进行测试。此外，在WordPress中，您应该尝试使用
jQuery
而不是
$
别名。@Manish我已经尝试过这个
标题（“访问控制允许源代码：”）；
但不起作用。在您的文件中尝试您的代码工作得非常好，但正如前面提到的，您应该在服务器环境中进行测试。此外，在WordPress中，您应该尝试使用
jQuery
而不是
$
别名。@Manish我已经尝试过这个
标题（“访问控制允许源代码：”）；
但不起作用。您好，谢谢您的回复。我已经添加了此代码
标题（“访问控制允许源代码：”）
在我的header.php中的live站点中，但仍然不起作用。您好Jenson！我的问题通过使用WordPress插件解决了。
http://wordpress.org/plugins/easy-fancybox/
@Rajnikanth很好。你可以将其作为解决问题的答案发布。这将帮助遇到类似问题的其他人。谢谢：）嗨，谢谢你的回复。我已经添加了这个代码
标题（“访问控制允许源代码：”）
在我的header.php中，但仍然不起作用。看看嗨，Jenson！我的问题是通过使用WordPress插件解决的<代码>http://wordpress.org/plugins/easy-fancybox/
@Rajnikanth很好。你可以把它作为你如何解决问题的答案贴出来。这将帮助其他遇到同样问题的人。谢谢……：）我不敢相信他们会在文档中用错误的方式做这件事。我不敢相信他们会在文档中用错误的方式做这件事。