Question

可能重复：
Integrate a mp3 player into a page with no reloading issue

我有一个包含10个网页的网站，我想在这个网站上插入一首自动播放的歌曲。

但是，当我点击此网站的其他网页时，我想要的是音乐不会停止。

这是一种不使用iframe或flash的方法吗？

Answer 1

编辑：我没有完全阅读你的问题。除非你使用框架或Ajax进行导航（如在Gmail或新推特中），否则这是不可能的。

<BGSOUND SRC="aladdin.mid" LOOP=10>

Or use HTML 5

<audio autoplay id="bgsound">
 <source src="http://media.w3.org/2010/07/bunny/04-Death_Becomes_Fur.mp4"
         type="audio/mp4">
 <source src="http://media.w3.org/2010/07/bunny/04-Death_Becomes_Fur.oga"
         type="audio/ogg; codecs=vorbis">
 <p>Your user agent does not support the HTML5 Audio element.</p>
</audio>
<button type="button"
        onclick="document.getElementById('bgsound').pause();">
  Stop background sound
</button>

<p>
You'll probably annoy your readers if you use background sounds in documents.
</p>

Answer 2

首先：不要在网页上自动播放音乐，让用户决定是否开始播放音乐。

您应该将所有网页放入一个长网页，每个网页都放入DIV：

<div id="page1">
 content of page 1
</div>
<div id="page2" style="display: hidden">
 content of page 2
</div>
<!-- etc. -->

除了第一个，用CSS或样式标签隐藏div，参见示例。然后指向其他页面的所有链接都应该调用一个小的javascript代码，这会改变div的可见性，将“引用的”链接变为可见并隐藏其他页面：

<a href="#" onclick="switchToPage(2)"> go to page 2 </a>

玩家应该放在div之前或任何地方。这种方法的优点是，您可以制作修复页脚，标题等，并仅更改内容区域。缺点是搜索引擎只能看到长页而不是10页。

但是又一次：不要自动开始播放音乐的网页！

如何在网站上插入音乐？

2 个答案: