How to play an mp3 using fancybox

Posted by user2980783 on Stack Overflow See other posts from Stack Overflow or by user2980783
Published on 2013-11-11T21:43:08Z Indexed on 2013/11/11 21:53 UTC
Read the original article Hit count: 115

Filed under:

fancybox

I am adding fancybox to my page and to display different types of formats. I was able to implement video, text, and images seamlessly but when it doesn't load the audio. Once I click on the audio file on the gallery it opens on a blank page. I am trying to play the track as iframe if possible. Can anyone help with this. Thank you.

<a class="hover-wrap" data-fancybox-type="iframe" data-fancybox-group="music" title="Breathin'" href="_include/download/Breathin'.mp3">
    <span class="overlay-img"></span>
    <span class="overlay-img-thumb font-icon-plus"></span>
    <p class="description">
    <span class="title">Song</span>
    </p>
</a>

Related posts about fancybox

Fancybox, getting Fancybox to bind using LIVE() to items being loaded onto the page after load

as seen on Stack Overflow - Search for 'Stack Overflow'
I have a page that loads and after it loads, it pulls in a list of LIs to populate a news feed. quick view quick view quick view I'm trying to get fancy box to trigger when a user clicks on quick view but haven't had any luck. Any Ideas? $(document).ready(function() { $('.quickview').fancybox(); }); also… >>> More
fancybox: finding anchor from which fancybox was called

as seen on Stack Overflow - Search for 'Stack Overflow'
Inside fancybox window I would like to retrieve html element (anchor probably) from which fancybox was called. How can this be done? >>> More
Fancybox close button not showing when using different template

as seen on Stack Overflow - Search for 'Stack Overflow'
I have a page where I need to use 2 different FancyBox styles for different elements on the page. To achieve that, I added tpl option and modified stylesheet accordingly. Here is what I have: $(document).ready(function() { $(".login").fancybox({ closeClick : false, closeBtn : true, … >>> More
Fancybox troubles

as seen on Stack Overflow - Search for 'Stack Overflow'
Hello all, I am trying to implement a fancybox. http://fancybox.net/howto I want to call this function on an an element. Full JS file. http://fancybox.net/js/fancybox/jquery.fancybox-1.2.1.js $.fn.fancybox = function(settings) { I have done this: $(document).ready(function() { $("a#inline")… >>> More
FancyBox resize width

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm able to resize the height with the $.fancybox.resize(); part, but the width just doesn't update according to the new content. Thoughts? >>> More

Developer IT

How to play an mp3 using fancybox - Developer IT

How to play an mp3 using fancybox

fancybox

Related posts about fancybox

Fancybox, getting Fancybox to bind using LIVE() to items being loaded onto the page after load

fancybox: finding anchor from which fancybox was called

Fancybox close button not showing when using different template

Fancybox troubles

FancyBox resize width

Categories cloud