1

我在网站 (html5) 中使用 html5 音频标签作为背景音乐，该网站使用名为 CMS Made Simple (Smarty, jQuery) 的 CMS 构建：

<div id="audio">

<div style="width:150px;height:15px;margin:0;padding:0;">
<div style="width:57px;float:left;">
<a href="javascript:;" id="play" onclick="document.getElementById('andytimm').play()" title="Play"><img src="images/audio_play.png" width="" height="" alt="Play"></a>
</div>
<div style="width:50px;float:left;">
<a href="javascript:;" id="pause" onclick="document.getElementById('andytimm').pause()" title="Pause"><img src="images/audio_pause.png" width="" height="" alt="Pause"></a>
</div>
<div style="width:36px;float:left;">
<a href="javascript:;" id="stop" onclick="document.getElementById('andytimm').pause(); document.getElementById('andytimm').currentTime = 0;" title="Stop"><img src="images/audio_stop.png" width="" height="" alt="Stop"></a>
</div>
<div style="clear:both;"></div>
</div>

  <audio id="andytimm">
    <source src="mysong.mp3">
    <source src="mysong.ogg">
  </audio>

<!--[if lt IE 9]>

  <object id="andytimmObj" type="audio/x-mpeg" data="mysong.mp3" autoplay="false" height="45">
    <param name="src" value="mysong.mp3">
    <param name="controller" value="false">
    <param name="autoplay" value="false">
    <param name="autostart" value="0">
  </object>

  <script>
    document.getElementById('play').onclick = function() { document.getElementById('andytimmObj').play() };
    document.getElementById('pause').onclick = function() { document.getElementById('andytimmObj').pause() };
    document.getElementById('stop').onclick = function() { document.getElementById('andytimmObj').stop() };
  </script>

<![endif]-->

</div>

声音工作正常。

不好的是，当我更改站点时，音乐会停止，可能从“服务”更改为“联系人”或任何其他站点。即使更改了站点，音乐是否会继续播放？我不是程序员，因此我很难找到解决方案。

4

0 回答 0