Copy link to clipboard
Copied
I have embedded an audio into a blog post (still in draft) using the following code:
<audio controls="controls">
<source src="Song1.ogg" type="audio/ogg" />
<source src="Song1.mp3" type="audio/mp3" />
Your browser does not support the audio tag.
</audio>
It works fine in chrome but not in firefox. In firefox there is just a blank space. Can anyone help me with this?
Thank you.
Catherine
Copy link to clipboard
Copied
Hey Catherine,
Video is the one that manages the multiple files, Audio you have one source which just use mp3.
Remove the first ogg source. Does that now work?
Copy link to clipboard
Copied
Hi Liam,
Thanks for your response.
I removed the ogg file. It now renders but does not function. Any thoughts?
Here us my new code:
<audio controls="controls">
<source src="Song1.mp3" type="audio/mpeg"></source>
</audio>
Message was edited by: cate1941
Copy link to clipboard
Copied
Where is the file, is it in the root? You should always start with a / for files and sources on a Business Catalyst Website.
I guess you have already looked here? https://developer.mozilla.org/en/Using_HTML5_audio_and_video
Could you provide a link to see and trial? If you not want to post it on the forums send me a PM.
Copy link to clipboard
Copied
When I changed the path to /Song1.mp3, it disappeared in Firefox
Then I changed the path to:
<audio controls="controls">
<source src="/audio/Song1.mp3" type="audio/mpeg"></source>
</audio>
still not rendering.
I can't show you it live, as it is still unposted (blog).
If I give you my login, do you want to take a look?
If so, please post your email address.
Message was edited by: cate1941
Copy link to clipboard
Copied
Just send a private message to me on here
Copy link to clipboard
Copied
I just tested the <audio> tag in IE, Chrome, Safari & Firefox. it works in all browsers except Firefox, so Firefox is your problem. We currently have a discussion going in linkedin on this subject and the consensus is to use jPlayer.
Copy link to clipboard
Copied
Firefox only supports .ogg format. You need to use both .mp3 and .ogg.