Problem with firefox displaying audio files

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Problem with firefox displaying audio files

    Hi,
    I am having a perplexing problem, that I'd appreciate help with:
    I have a few audio files embedded into my website. Chrome and IE browsers display the files perfectly well, and the user can listen to the audios. The problem is in firefox, where the audio is blocked, and you dont have the option of pressing play. I changed the audio to .ogg for firefox, since I know that firefox has an issue with .mp3.
    Here's my code:
    Code:
    <dl class="mpThree">  
                    <img src="images/rock_clock.png" class="playerImg" alt="playerimg" />
                    <dt> 
                    <audio controls="controls">
                    <source src="rockaroundclock.mp3" />
                    <source src="rockaroundclock.ogg" />
                    <embed src="rockaroundclock.mp3"width="140"  height="40"autostart="false" loop="FALSE"></embed>
                    </audio></dt>
                    <dd>Rock Around the Clock<br />Bill Haley </dd>
                    </dl>
    The funny thing is that when I test it in firefox with my pc, and my local files, it displays perfectly!
    Also, I have a different website (www.beatlesongprofiles.com), where I used the same exact code to display the audio files, and it works fine with firefox.
    So I have no idea what's causing this strange problem right now.
    The link to my site is talkmusic.co.
    Any help wotuld be greatly appreciated!
    Thank you.

    #2
    Does:
    PHP Code:
    <dl class="mpThree">  
                    <
    img src="images/rock_clock.png" class="playerImg" alt="playerimg" />
                    <
    dt
                    <
    audio controls="controls">
                    <
    source src="rockaroundclock.ogg" />
                    <
    embed src="rockaroundclock.ogg"width="140"  height="40"autostart="false" loop="FALSE"></embed>
                    </
    audio></dt>
                    <
    dd>Rock Around the Clock<br />Bill Haley </dd>
                    </
    dl
    Work?

    if it does and you are trying to get it working on all browsers you may have to a user agent check and then script it accordingly using php or javascript
    Last edited by something else; 07.09.12, 16:36.

    Comment

    Working...
    X