如何使HTML元素保留在多个html页面上

时间:2013-03-19 18:09:58

标签: html html5-audio browser-refresh

我有一个网页 - 一个在线漫画: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页面中,我希望玩家开始玩 - 例如。我想让播放器开始在slide00002.html中播放,我在头部或主体部分插入代码,它指定“保持播放器为slide00003.html,slide00004.html slide00005.html”。现在,当它到达slide00006.html时,以前的代码将不再处于活动状态,我将指定相同的代码,但具有不同的音乐和不同的跟踪页面“让播放器保持打开状态为slide00007.html,slide00008.html slide00009.html”

只是认为这可能有助于使信息正确。

1 个答案:

答案 0 :(得分:1)

您应该考虑将整个网站设为单个html网页,并使用AngularJSMoustache.js或类似技术将用户路由到不同的部分(可在javascript中创建/删除的小型HTML片段) )实际上没有导航到另一个页面。这样,您的网站部分可能会在不刷新所有内容的情况下进行更改。

我实际上是为我的Web漫画查看器(正在进行的工作)执行此操作:http://ucfpawn.dyndns.info/WebComicService/new.html#/login