Question

我知道这个问题不会很受欢迎，但我搜索的时间很长，找不到任何东西，可能没有使用正确的关键字。

我拥有一个在线广播电台，我想创建一个js播放器，一旦添加到网站将保留在该网站的所有域的标题中。我第一次在tumblr音乐播放器（http://scmplayer.net/）上看到这个东西，你会将它们的代码添加到你的页面中，一旦打开，即使你浏览到你博客的其他子页面，播放器也会保留为标题。我正在搜索这个在论坛中使用，你在那里经常更改你的页面，你不能使用内置的无线电播放器听任何东西。

我发现了一个类似的解决方案，通过使用一个按钮打开播放器的一个非常小的弹出窗口，但我想知道是否可以做我想要的，以及如何。

即使是正确的搜索链接，查询或术语也会对我有所帮助，我不希望有人为我这样做，只需指出正确的方法。

编辑:: 这是我忘了提到的一些东西。我正在尝试构建一个代码，用户可以将粘贴复制到他们的网站并让它工作。如果它只适合我，我不会在这里，因为我也通过iframe和jquery加载内容（见www.r4ge.ro）。我不能指望其他人篡改他们的网站只是为了将我的收音机嵌入那里，我不能将他们的网站内容设为iframe，并将我的收音机添加为索引，因为这会破坏谷歌排名和索引。

Answer 1

有多种方法可以做到这一点，这里有一个！

首先，我个人使用backbone.js - backbone.js允许您创建＆partial;＆＃39; partial＆＃39;可以独立更新的视图。对于您的方案，最好创建header视图，然后创建content视图。

标题和内容都可以有自己的逻辑，并在您指定和控制的不同时间更新。

看看http://backbonetutorials.com/why-would-you-use-backbone/即可开始使用。让自己有充足的时间做大量的阅读和后续教程。 Backbone需要时间来加速，但是一旦你得到它，你就会制作一些很棒的应用程序！

Answer 2

你基本上有三个选择：

您找到的那个，打开一个非常小的弹出窗口（可能只有媒体控件可见），这样当用户导航时，它不会受到被拆除页面的影响。< / p>
使用框架的相同内容。
使用ajax在导航时加载内容而不是实际导航的内容相同。

由于你并不喜欢＃1，所以让我们看看＃2，然后再回到＃3。

当用户打开播放器时，你真的会去一个带有播放器的页面和一个非常大的iframe以及剩下的内容：

<!doctype html>
<html>
<head>
<!-- ... -->
</head>
<body>
<!-- player here -->
<iframe class="main" src="main.html"></iframe>
</body>
</html>

您可以使用CSS尽可能地实现无缝连接。为了使其可链接，您可以在URL中使用一个大片段，该片段是应该在帧中的页面的URL，例如：

http://example.com/#forum.html&section=23

当您的主页加载时，您抓取该片段，并将其用作src上的iframe。

您可以在iframe上侦听导航事件并更新主窗口上的哈希片段，以便书签可以正常工作，并且/或者在您的站点的每个页面上都有可以导航到该页面的JavaScript告诉容器页面（{ {1}}）其URL是什么。

＃3与＃2相似，不同之处在于，不是让导航以正常方式发生，而是在用户点击时通过ajax加载所有内容，将其加载到（比方说）主内容parent而不是{ {1}}。这也可以使用散列片段来确保它完全可链接/可收藏等，但要求加载页面中的所有链接都被重写，以便更新散列片段而不是主URL。

＃2和＃3（和＃1）都有其优点和缺点。＃1可能是最不起作用的。＃2可能排在第二位，然后是＃3，但我可以让它们落后。

这是＃2的快速而肮脏的版本，它会轮询哈希更新，以便框架中加载的页面根本不必了解这一点。请注意，您必须向其他人提供的是页面;他们的页面保持不变。如果他们关注网页排名，他们会希望在标记中包含其网页的规范网址。

div：

iframe

创建一个整体标题（如何）

2 个答案: