如何让一个HTML元素停留在多个HTML页面上



我有一个网页-一个在线漫画:prophetsangel.net和我有一个html播放器播放音乐。这个播放器的目的是为漫画添加额外的大气内容。现在每个漫画页面都有自己的html页面:slide00001.html slide00002.html slide00003.html slide00004.html等

我目前正在使用一个预先开发的服务,它在每个页面上显示一个音乐播放器。不用刷新。您可以在这里找到它的代码:http://scmplayer.net/

现在我想切换到使用一个标准的HTML5标签来播放我的声音,但是我想指定一个特定的播放器将在哪个html页面上显示。

例如,我希望播放器1显示在slide00001.html slide00002.html和slide00003.html但我希望播放器2与完全不同的音乐显示在slide00004.html和slide00005.html

我需要一个恒定的显示,这样当用户从slide00001.html切换到slide00002.html时,就不必重新启动播放器音乐。

也许有一个代码,我会把在html页面我想要的球员开始玩- eg。我想让播放器开始播放slide00002.html,我插入代码在头部或主体部分,它指定"保持播放器打开slide00003.html, slide00004.html slide00005.html"。现在当它到达slide00006.html时,前面的代码将不再有效,我将指定相同的代码,但使用不同的音乐和不同的跟踪页面"keep player open for slide00007.html, slide00008.html slide00009.html"

我只是觉得这可能有助于让信息正确

你应该考虑让你的整个网站成为一个单一的html页面,并使用AngularJS, moustachejs或类似的技术将你的用户路由到不同的部分(小的html片段,可以在javascript中创建/删除),而不是实际导航到另一个页面。这样,您的网站的部分可以改变,而无需刷新一切。

我实际上是为我的Web漫画查看器这样做的(正在进行中):http://ucfpawn.dyndns.info/WebComicService/new.html#/login

最新更新