将 MP3 添加到 jquery 以获取背景音乐

Question

我的jquery滑块的基本结构如下： HTML：

<div id="slideshow">
    <img src="img1.jpg" style="position:absolute;" class="active" />
    <img src="img2.jpg" style="position:absolute;" />
    <img src="img3.jpg" style="position:absolute;" />
</div>

CSS：

<style type="text/css">
    .active{
        z-index:99;
    }
</style>

jquery：

<script type="text/javascript" charset="utf-8">
  $(window).load(function() {
    $('.flexslider').flexslider();
  });
</script>

现在，我想添加一个 MP3 文件来播放背景音乐，它应该具有以下属性：加载时自动播放 = 是，循环 = 是，音量 = 50

我应该使用什么代码以及它应该放在哪里？ （不想显示控件）

谢谢。

Answer 1

你可以这样试试，

<audio autoplay preload='auto' loop id="myAudio">
  <source src="song name with extension" type="audio/mpeg" >
</audio>

音量：

var aud = document.getElementById("myAudio");
aud.volume = 0.5; // default 1 means 100%

preload -> 作者认为页面加载时浏览器应该加载整个音频文件

注意：对于移动设备，您必须提供点击事件才能加载音频/视频。

请记住，您应该在歌曲名称处提供绝对路径或保留该文件

一次尝试。

它应该可以工作。