html5 audio play doesn't work on firefox/chrome
I would like to play big mp3 file (30MB) with tag in my web site, but it doesn't seem like working on Firefox 8.0 and Chrome 16.0.912. It works well with Safari tho. Under Firefox and Chrome, small mp3 file works but not big one. Here's simple codes I used:
<audio autobuffer controls>
<src="mp3 file" preload="auto">
</audio>
Is it the problem of browsers?
audio browser html5
asked Dec 25 '11 at 6:56
REALFREE REALFREE
1942316
add a comment |
I would like to play big mp3 file (30MB) with tag in my web site, but it doesn't seem like working on Firefox 8.0 and Chrome 16.0.912. It works well with Safari tho. Under Firefox and Chrome, small mp3 file works but not big one. Here's simple codes I used:
<audio autobuffer controls>
<src="mp3 file" preload="auto">
</audio>
Is it the problem of browsers?
audio browser html5
asked Dec 25 '11 at 6:56
REALFREE REALFREE
1942316
add a comment |
I would like to play big mp3 file (30MB) with tag in my web site, but it doesn't seem like working on Firefox 8.0 and Chrome 16.0.912. It works well with Safari tho. Under Firefox and Chrome, small mp3 file works but not big one. Here's simple codes I used:
<audio autobuffer controls>
<src="mp3 file" preload="auto">
</audio>
Is it the problem of browsers?
audio browser html5
asked Dec 25 '11 at 6:56
REALFREE REALFREE
1942316
I would like to play big mp3 file (30MB) with tag in my web site, but it doesn't seem like working on Firefox 8.0 and Chrome 16.0.912. It works well with Safari tho. Under Firefox and Chrome, small mp3 file works but not big one. Here's simple codes I used:
<audio autobuffer controls>
<src="mp3 file" preload="auto">
</audio>
Is it the problem of browsers?
audio browser html5
audio browser html5
asked Dec 25 '11 at 6:56
REALFREE REALFREE
1942316
asked Dec 25 '11 at 6:56
REALFREE REALFREE
1942316
edited Dec 25 '11 at 7:39
REALFREE
asked Dec 25 '11 at 6:56
REALFREE REALFREE
1942316
asked Dec 25 '11 at 6:56
REALFREE REALFREE
1942316
asked Dec 25 '11 at 6:56
REALFREE REALFREE
1942316
1942316
add a comment |
add a comment |
2 Answers
2
active
oldest
votes
Safari is just doing the best job of the three (Safari, Chrome, and Firefox) which currently support this element in handling the errors presented to it via the syntax you've used.
It should look like this:
<audio controls preload="auto">
<source src="song.mp3" type="audio/mpeg" />
This text displays if the audio tag isn't supported.
</audio>
The autobuffer attribute doesn't exist in HTML and should be removed.
Sources:
- W3Schools
- W3C HTML5 Spec Section 4.8.7: The audio element
answered Dec 28 '11 at 10:14
Shawn SolomonShawn Solomon
361
add a comment |
First of all, your syntax is incorrect. It should be:
<audio controls preload="auto">
<source src="file.mp3" />
</audio>
It appears that Safari is reading your code as intended, while Firefox/Chrome is reading it as written; i.e. with and without the preload attribute.
answered Dec 25 '11 at 7:55
iglvzxiglvzx
19.5k1167112
add a comment |
Your Answer
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "3"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fsuperuser.com%2fquestions%2f371415%2fhtml5-audio-play-doesnt-work-on-firefox-chrome%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
Safari is just doing the best job of the three (Safari, Chrome, and Firefox) which currently support this element in handling the errors presented to it via the syntax you've used.
It should look like this:
<audio controls preload="auto">
<source src="song.mp3" type="audio/mpeg" />
This text displays if the audio tag isn't supported.
</audio>
The autobuffer attribute doesn't exist in HTML and should be removed.
Sources:
- W3Schools
- W3C HTML5 Spec Section 4.8.7: The audio element
answered Dec 28 '11 at 10:14
Shawn SolomonShawn Solomon
361
add a comment |
Safari is just doing the best job of the three (Safari, Chrome, and Firefox) which currently support this element in handling the errors presented to it via the syntax you've used.
It should look like this:
<audio controls preload="auto">
<source src="song.mp3" type="audio/mpeg" />
This text displays if the audio tag isn't supported.
</audio>
The autobuffer attribute doesn't exist in HTML and should be removed.
Sources:
- W3Schools
- W3C HTML5 Spec Section 4.8.7: The audio element
answered Dec 28 '11 at 10:14
Shawn SolomonShawn Solomon
361
add a comment |
Safari is just doing the best job of the three (Safari, Chrome, and Firefox) which currently support this element in handling the errors presented to it via the syntax you've used.
It should look like this:
<audio controls preload="auto">
<source src="song.mp3" type="audio/mpeg" />
This text displays if the audio tag isn't supported.
</audio>
The autobuffer attribute doesn't exist in HTML and should be removed.
Sources:
- W3Schools
- W3C HTML5 Spec Section 4.8.7: The audio element
answered Dec 28 '11 at 10:14
Shawn SolomonShawn Solomon
361
Safari is just doing the best job of the three (Safari, Chrome, and Firefox) which currently support this element in handling the errors presented to it via the syntax you've used.
It should look like this:
<audio controls preload="auto">
<source src="song.mp3" type="audio/mpeg" />
This text displays if the audio tag isn't supported.
</audio>
The autobuffer attribute doesn't exist in HTML and should be removed.
Sources:
- W3Schools
- W3C HTML5 Spec Section 4.8.7: The audio element
answered Dec 28 '11 at 10:14
Shawn SolomonShawn Solomon
361
answered Dec 28 '11 at 10:14
Shawn SolomonShawn Solomon
361
answered Dec 28 '11 at 10:14
Shawn SolomonShawn Solomon
361
answered Dec 28 '11 at 10:14
Shawn SolomonShawn Solomon
361
361
add a comment |
add a comment |
First of all, your syntax is incorrect. It should be:
<audio controls preload="auto">
<source src="file.mp3" />
</audio>
It appears that Safari is reading your code as intended, while Firefox/Chrome is reading it as written; i.e. with and without the preload attribute.
answered Dec 25 '11 at 7:55
iglvzxiglvzx
19.5k1167112
add a comment |
First of all, your syntax is incorrect. It should be:
<audio controls preload="auto">
<source src="file.mp3" />
</audio>
It appears that Safari is reading your code as intended, while Firefox/Chrome is reading it as written; i.e. with and without the preload attribute.
answered Dec 25 '11 at 7:55
iglvzxiglvzx
19.5k1167112
add a comment |
First of all, your syntax is incorrect. It should be:
<audio controls preload="auto">
<source src="file.mp3" />
</audio>
It appears that Safari is reading your code as intended, while Firefox/Chrome is reading it as written; i.e. with and without the preload attribute.
answered Dec 25 '11 at 7:55
iglvzxiglvzx
19.5k1167112
First of all, your syntax is incorrect. It should be:
<audio controls preload="auto">
<source src="file.mp3" />
</audio>
It appears that Safari is reading your code as intended, while Firefox/Chrome is reading it as written; i.e. with and without the preload attribute.
answered Dec 25 '11 at 7:55
iglvzxiglvzx
19.5k1167112
edited Dec 29 '11 at 6:12
answered Dec 25 '11 at 7:55
iglvzxiglvzx
19.5k1167112
answered Dec 25 '11 at 7:55
iglvzxiglvzx
19.5k1167112
answered Dec 25 '11 at 7:55
iglvzxiglvzx
19.5k1167112
19.5k1167112
add a comment |
add a comment |
Thanks for contributing an answer to Super User!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fsuperuser.com%2fquestions%2f371415%2fhtml5-audio-play-doesnt-work-on-firefox-chrome%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
