Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

What would cause all mp3 songs to play at once when the page opens?

Posted on 2014-03-18
4
Medium Priority
?
260 Views
Last Modified: 2014-03-20
I have a web page with several mp3 song clips. Some people have reported that all the songs play at once when they open the page. I have not been able to replicate the issue. It persists after the page is refreshed also. What could be causing this? It's an html 5 page. Below is a sample of how each song is coded:

<audio controls><source src="music/Song-1.mp3"><embed height="18" width="160" src="music/Song-1.mp3"></audio>
0
Comment
Question by:weknowjack
  • 2
  • 2
4 Comments
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 39937591
What browser are the users with a problem using?  Post a link to the page so we ca do diagnostics please.

Cd&
0
 

Author Comment

by:weknowjack
ID: 39938249
IE 8 was one. Not sure about others. Probably not the latest.

http://dallasdoowop.com/dallas_doowop_music.html
0
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 1500 total points
ID: 39943381
Okay the audio tag is HTML5 and IE prior to IE9 are not HTML5 aware.  So any HTML5 tag like audio will produce unpredictable results in old browsers.

To make matters worse the validator reports 44 errors in HTML for a lot of obsolete junk that has been dropped from the HTML5 standard:
http://validator.w3.org/check?uri=http%3A%2F%2Fdallasdoowop.com%2Fdallas_doowop_music.html&charset=%28detect+automatically%29&doctype=Inline&group=0

So you could also run into a problem with modern browsers as well.

You need to clean up the code for a start, and then look at alternative it you are going to support old browsers that almost no one is still using.

Cd&
0
 

Author Closing Comment

by:weknowjack
ID: 39943842
Well, it did answer my question, but an alternative solution recommendation would have been even more helpful. I found a few on my own using javascript. One is audio.js
I'll try them.
Thanks
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article will inform Clients about common and important expectations from the freelancers (Experts) who are looking at your Gig.
When the s#!t hits the fan, you don’t have time to look up who’s on call, draft emails, call collaborators, or send text messages. An instant chat window is definitely the way to go, especially one like HipChat. HipChat is a true business app. An…
Any person in technology especially those working for big companies should at least know about the basics of web accessibility. Believe it or not there are even laws in place that require businesses to provide such means for the disabled and aging p…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses

782 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question