添加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文件来播放背景音乐，它应该具有以下属性：在加载= y时自动播放es，loop = yes，volume = 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% 

预紧 - >笔者认为，浏览器应该加载整个音频文件时，页面加载

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

记住，你应该在歌曲名称给予绝对路径或保存该文件

一次尝试。

它应该工作。