2017-02-18 6 views
3

次のように私のjQueryのスライダーの基本的な構造は次のとおりです。 HTML:バックグラウンドミュージックのためのjQueryにMP3を追加する

<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ファイルを追加します:autoplay on loading = y es、loop = yes、volume = 50

どのようなコードを使用する必要がありますか? (コントロールを表示したくない)

ありがとう。あなたはこのように試すことができ

答えて

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% 

プリロードは - >作者は、ブラウザがオーディオファイル全体を読み込む必要があることを考えると、ページのロード

注:モバイルの場合は、オーディオ/ビデオを読み込むためにclickイベントを与える必要があります。

は、ソング名の絶対パスを与えるか、一度試してください

そのファイルを維持する必要があります覚えておいてください。

これはうまくいくはずです。

+0

Worked!ありがとう。 :) '絶対パス'によって、そのmp3のURLを意味するのですか? – Chetan

+0

これはルートフォルダからのパスを意味します。 [リンク](http://stackoverflow.com/questions/21306512/difference-between-relative-path-and-absolute-path-in-javascript) – rahulsm

+0

をチェックするか、現在のファイルと同じフォルダにmp3ファイルを保存してください – rahulsm

関連する問題