显示其他域中的特定内容

Question

标题没有解释任何内容，但这是我要问的问题。

我在某人的Blogger网站上工作，该网站正在显示来自其他网域的其他网站的整个网页。我们不需要显示整个页面，但是特定内容是从该参考站点直播的播放器。我试图隐藏除流媒体元素之外的所有内容，但却无法做到。我试图使用js和jQuery使其工作，但无法做到。在浏览时，我找到this，但无法使其正常工作。

$('div:not(#player)').hide(); $('#player').appendTo('body');

player是我尝试显示的播放器div的ID。是因为Cross-origin Resource Sharing我无法使用js或jQuery做任何事情吗？谈论我不想修改第二个网页的任何内容，只是为了隐藏没有player的所有其他元素。我该怎么办？

在这里，任何人都可以看到我尝试处理的页面：http://goo.gl/Y6AwII

P.S。这个社区的第一个问题，感谢先进的任何帮助：）

编辑：由于site1.com是具有适当权利的流媒体，因此任何试图将播放器嵌入其自己网站的人都应该知道它不会工作。因为流媒体服务器不会流式传输到除授权之外的任何其他域。所以我关闭了这个问题，但欢迎任何关于主题的讨论。感谢大家的意见和答案，因为他们帮助了。

Answer 1

我看到两种方法让它以一种很好的方式运作。

1）假设您使用的是PHP服务器，最困难但最好的方法是抓取您从中获取播放器的网站，然后使用         DOMDocument Api （您可以在这里阅读更多信息：http://php.net/manual/en/class.domdocument.php），您可以在其中获取包含播放器的html（搜索#player id），然后在博客上复制播放器。这样，您就可以以最适合博客的方式实现播放器。

2）也可以使用iframe，但是你有隐藏的东西麻烦..不是那么有趣。 ：）