Solved

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

Posted on 2014-03-18
4
233 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
Comment Utility
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
Comment Utility
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 500 total points
Comment Utility
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
Comment Utility
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

What Should I Do With This Threat Intelligence?

Are you wondering if you actually need threat intelligence? The answer is yes. We explain the basics for creating useful threat intelligence.

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
remove tan to left of navigation 2 38
Select distinct 25 60
Angular JS form 8 23
increase words that display in widget 6 5
Foreword (July, 2015) Since I first wrote this article, years ago, a great many more people have begun using the internet.  They are coming online from every part of the globe, learning, reading, shopping and spending money at an ever-increasing ra…
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.

762 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

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now