2016-03-23 25 views
0

私は自分のギャラリーにfancyboxを使っています。ギャラリーの画像をクリックすると、イメージとタイトルがライトボックスに表示されます。しかし、私のオーディオファイルは機能していません。ここで が私のコードです:fancyboxでオーディオファイルを再生するには?

<a class="fancybox-thumbs" title="mytitle" data-fancybox-group="thumb" href="4_b.jpg" 
audio-html="<audio autoplay='autoplay' controls='controls'><source src='https://archive.org/download/melody2007/bandaamorperfeito-aovivo-01-lovelouco.mp3'/></audio>"><img src="4_s.jpg" alt="" /></a> 

JAVASCRIPT

$('.fancybox-thumbs').fancybox({ 
    prevEffect : 'none', 
    nextEffect : 'none', 

    closeBtn : true, 
    arrows : true, 
    nextClick : true, 

    helpers : { 
     thumbs : { 
      width : 100, 
      height : 100 
     }, 
     title : { 
      type : 'inside' 
     }, 
     buttons : {} 
    }, 
    afterLoad : function() { 
     this.title; 
    } 
}); 
+1

は、ブラウザによって受信されたオーディオファイルのですか? – guest271314

+0

「マイオーディオファイルは機能していません」と詳しくは –

+0

これは私のオーディオファイルです: 'audio-html =" " –

答えて

0

あなたはFancybox3のインラインフレームオプションを使用することができます。 http://fancyapps.com/fancybox/3/docs/#iframe

<a data-type="iframe" data-src="http://yoursite.com/mp3/file.mp3" href="javascript:;" rel="fancybox">LINK</a>

関連する問題