MP3 samples play at same time on some web browsers

Hi,

I've been putting together some podcast broadcasts for the History faculty and they work really well on my PC at school and laptop at home and the History teacher has tested them and says they work well on her PC.

However, some children have been saying that ALL the MP3's play at the same time when they click on the first one and all they hear is them all playing together.

I've just used ordinary HTML on this but think it may be something to do with whatever browser they're using. Any body got any ideas how to improve this?

There are two possible methods:

1, Use the standard MP3 player installed in our Intranet software, the down side to that is that it's clunky and ugly.

2, Make a Flash MP3 player, (I have one from a previous assignment) and modify that, but that's a time consuming task.

Any other ideas would be greatly appreciated, here's the code:

HTML Code:

---

<TABLE border=0 cellSpacing=0 cellPadding=0 width="100%" align=center>
<TBODY>
<TR>
<TD bgColor=#ffffff>
<CENTER>
  <TABLE style="WIDTH: 89.11%; HEIGHT: 65px" summary="">
<TBODY>
<TR>
<TD width="8%" align="left" valign="middle">&nbsp;<IMG style="BORDER-BOTTOM: 0px solid; BORDER-LEFT: 0px solid; BORDER-TOP: 0px solid; BORDER-RIGHT: 0px solid" border=0 src="https://jupiter.inthehive.net/sites/bigwood/Departments/2385/podcasts/medicine.png"></TD>
<TD align="left" valign="middle"><FONT size=5 color=#000000><STRONG>&nbsp;Medicine Podcasts</STRONG></FONT></TD>
</TR>
</TBODY></TABLE>
</CENTER>
<P><FONT color=#000000>&nbsp;</FONT></P>
<TABLE border=0 cellSpacing=0 cellPadding=0 width="91%" align=center>
<TBODY>
<TR>
  <TD vAlign=middle rowSpan=2 width="4%" align=left>&nbsp;</TD>
<TD vAlign=middle rowSpan=2 width="17%" align=left><FONT color=#000000><IMG src="https://jupiter.inthehive.net/sites/bigwood/Departments/2385/podcasts/prehistoricmedicine.gif"></FONT></TD>
<TD colSpan=3>
<DIV>
<P><FONT color=#000000 size=4><strong>Prehistoric Medicine. </strong></FONT></P><br/>
<P><FONT color=#000000 size=3>This Podcast is on Prehistoric Medicine which you will need for your Paper 1 Exam</FONT></P></DIV></TD></TR>
<TR>
  <TD colspan="2" align=center vAlign=middle>&nbsp;</TD>
  <TD width="74%" align=left vAlign=middle>
 
 
<embed src="https://jupiter.inthehive.net/sites/bigwood/Departments/2385/podcasts/History%20Podcast%20Prehistoric%20Medicine.mp3" autostart="false" type="audio/mpeg" volume="50" height="20" width="300"/>
</embed>
 
 
  </TD>
</TR>
</TBODY></TABLE><BR>

<P><FONT color=#000000>&nbsp;</FONT></P>
<TABLE border=0 cellSpacing=0 cellPadding=0 width="91%" align=center>
<TBODY>
<TR>
  <TD vAlign=middle rowSpan=2 width="4%" align=left>&nbsp;</TD>
<TD vAlign=middle rowSpan=2 width="17%" align=left><FONT color=#000000><IMG src="https://jupiter.inthehive.net/sites/bigwood/Departments/2385/podcasts/egyptianmedicine.gif"></FONT></TD>
<TD colSpan=3>
<DIV>
<P><FONT color=#000000 size=4><strong>Egyptian Medicine. </strong></FONT></P>
<br/>
<P><FONT color=#000000 size=3>This Podcast is on Egyptian Medicine which you will need for your Paper 1 Exam</FONT></P></DIV></TD></TR>
<TR>
  <TD colspan="2" align=center vAlign=middle>&nbsp;</TD>
  <TD width="74%" align=left vAlign=middle>
 
 
<embed src="https://jupiter.inthehive.net/sites/bigwood/Departments/2385/podcasts/History Podcast Egyptian Medicine.mp3" autostart="false" type="audio/mpeg" volume="50" height="20" width="300"/>
</embed>
 
 
  </TD>
</TR>
</TBODY></TABLE><BR>



<P><FONT color=#000000>&nbsp;</FONT></P>
<TABLE border=0 cellSpacing=0 cellPadding=0 width="91%" align=center>
<TBODY>
<TR>
  <TD vAlign=middle rowSpan=2 width="4%" align=left>&nbsp;</TD>
<TD vAlign=middle rowSpan=2 width="17%" align=left><FONT color=#000000><IMG src="https://jupiter.inthehive.net/sites/bigwood/Departments/2385/podcasts/greekmedicine.gif"></FONT></TD>
<TD colSpan=3>
<DIV>
<P><FONT color=#000000 size=4><strong>Greek Medicine - Hippocrates and the Four Humours. </strong></FONT></P>
<br/>
<P><FONT color=#000000 size=3>This Podcast is on Greek Medicine which you will need for your Paper 1 Exam</FONT></P></DIV></TD></TR>
<TR>
  <TD colspan="2" align=center vAlign=middle>&nbsp;</TD>
  <TD width="74%" align=left vAlign=middle>
 
 
<embed src="https://jupiter.inthehive.net/sites/bigwood/Departments/2385/podcasts/History Podcast Greek Medicine.mp3" autostart="false" type="audio/mpeg" volume="50" height="20" width="300"/>
</embed>
 
 
  </TD>
</TR>
</TBODY></TABLE>

<br>

<P><FONT color=#000000>&nbsp;</FONT></P>
<TABLE border=0 cellSpacing=0 cellPadding=0 width="91%" align=center>
<TBODY>
<TR>
  <TD vAlign=middle rowSpan=2 width="4%" align=left>&nbsp;</TD>
<TD vAlign=middle rowSpan=2 width="17%" align=left><FONT color=#000000><IMG src="https://jupiter.inthehive.net/sites/bigwood/Departments/2385/podcasts/ascelpius.jpg"></FONT></TD>
<TD colSpan=3>
<DIV>
<P><FONT color=#000000 size=4><strong>Greek Medicine - Learning and superstition. </strong></FONT></P>
<br/>
<P><FONT color=#000000 size=3>This Podcast is on the two A's, Alexandria and Asclepius, which you will need for your Paper 1 Exam</FONT></P></DIV></TD></TR>
<TR>
  <TD colspan="2" align=center vAlign=middle>&nbsp;</TD>
  <TD width="74%" align=left vAlign=middle>
 
 
<embed src="https://jupiter.inthehive.net/sites/bigwood/Departments/2385/podcasts/History%20Podcast%203%2030%2009%202013.mp3" autostart="false" type="audio/mpeg" volume="50" height="20" width="300"/>
</embed>
 
 
  </TD>
</TR>
</TBODY></TABLE>

<br>

<P><FONT color=#000000>&nbsp;</FONT></P>
<TABLE border=0 cellSpacing=0 cellPadding=0 width="91%" align=center>
<TBODY>
<TR>
  <TD vAlign=middle rowSpan=2 width="4%" align=left>&nbsp;</TD>
<TD vAlign=middle rowSpan=2 width="17%" align=left><FONT color=#000000><IMG src="https://jupiter.inthehive.net/sites/bigwood/Departments/2385/podcasts/romansurgery.gif"></FONT></TD>
<TD colSpan=3>
<DIV>
<P><FONT color=#000000 size=4><strong>Roman Medicine - Public Health. </strong></FONT></P>
<br/>
<P><FONT color=#000000 size=3>This Podcast is on Roman public health for Paper 1</FONT></P></DIV></TD></TR>
<TR>
  <TD colspan="2" align=center vAlign=middle>&nbsp;</TD>
  <TD width="74%" align=left vAlign=middle>
 
 
<embed src="https://jupiter.inthehive.net/sites/bigwood/Departments/2385/podcasts/History Podcast 1 08102013.mp3" autostart="false" type="audio/mpeg" volume="50" height="20" width="300"/>
</embed>
 
 
  </TD>
</TR>
</TBODY></TABLE><br>

<P><FONT color=#000000>&nbsp;</FONT></P>
<TABLE border=0 cellSpacing=0 cellPadding=0 width="91%" align=center>
<TBODY>
<TR>
  <TD vAlign=middle rowSpan=2 width="4%" align=left>&nbsp;</TD>
<TD vAlign=middle rowSpan=2 width="17%" align=left><FONT color=#000000><IMG src="https://jupiter.inthehive.net/sites/bigwood/Departments/2385/podcasts/galen.gif"></FONT></TD>
<TD colSpan=3>
<DIV>
<P><FONT color=#000000 size=4><strong>Roman Surgery - Galen. </strong></FONT></P>
<br/>
<P><FONT color=#000000 size=3>This Podcast is on why was Galen important for Paper 1 and possibly Paper 2</FONT></P></DIV></TD></TR>
<TR>
  <TD colspan="2" align=center vAlign=middle>&nbsp;</TD>
  <TD width="74%" align=left vAlign=middle>
 
 
<embed src="https://jupiter.inthehive.net/sites/bigwood/Departments/2385/podcasts/History Podcast 02 08102013.mp3" autostart="false" type="audio/mpeg" volume="50" height="20" width="300"/>
</embed>
 
 
  </TD>
</TR>
</TBODY></TABLE>

<br>

<P><FONT color=#000000>&nbsp;</FONT></P>
<TABLE border=0 cellSpacing=0 cellPadding=0 width="91%" align=center>
<TBODY>
<TR>
  <TD vAlign=middle rowSpan=2 width="4%" align=left>&nbsp;</TD>
<TD vAlign=middle rowSpan=2 width="17%" align=left><FONT color=#000000><IMG src="https://jupiter.inthehive.net/sites/bigwood/Departments/2385/podcasts/greekromanmedicine.jpg"></FONT></TD>
<TD colSpan=3>
<DIV>
<P><FONT color=#000000 size=4><strong>Roman Surgery - the Greek influence. </strong></FONT></P>
<br/>
<P><FONT color=#000000 size=3>This Podcast is on to what extent did the Romans copy Greek ideas</FONT></P></DIV></TD></TR>
<TR>
  <TD colspan="2" align=center vAlign=middle>&nbsp;</TD>
  <TD width="74%" align=left vAlign=middle>
 
 
<embed src="https://jupiter.inthehive.net/sites/bigwood/Departments/2385/podcasts/History%20Podcast%201%2012%2011%2013.mp3" autostart="false" type="audio/mpeg" volume="50" height="20" width="300"/>
</embed>
 
 
  </TD>
</TR>
</TBODY></TABLE><br>

<P><FONT color=#000000>&nbsp;</FONT></P>
<TABLE border=0 cellSpacing=0 cellPadding=0 width="91%" align=center>
<TBODY>
<TR>
  <TD vAlign=middle rowSpan=2 width="4%" align=left>&nbsp;</TD>
<TD vAlign=middle rowSpan=2 width="17%" align=left><FONT color=#000000><IMG src="https://jupiter.inthehive.net/sites/bigwood/Departments/2385/podcasts/blackdeath.jpg"></FONT></TD>
<TD colSpan=3>
<DIV>
<P><FONT color=#000000 size=4><strong>Medieval Medicine - the Black Death. </strong></FONT></P>
<br/>
<P><FONT color=#000000 size=3>This Podcast is on what was the link between public health and the Black Death</FONT></P></DIV></TD></TR>
<TR>
  <TD colspan="2" align=center vAlign=middle>&nbsp;</TD>
  <TD width="74%" align=left vAlign=middle>
 
 
<embed src="https://jupiter.inthehive.net/sites/bigwood/Departments/2385/podcasts/History%20Podcast%202%2012%2011%2013.mp3" autostart="false" type="audio/mpeg" volume="50" height="20" width="300"/>
</embed>
 
 
  </TD>
</TR>
</TBODY></TABLE><br>

<P><FONT color=#000000>&nbsp;</FONT></P>
<TABLE border=0 cellSpacing=0 cellPadding=0 width="91%" align=center>
<TBODY>
<TR>
  <TD vAlign=middle rowSpan=2 width="4%" align=left>&nbsp;</TD>
<TD vAlign=middle rowSpan=2 width="17%" align=left><FONT color=#000000><IMG src="https://jupiter.inthehive.net/sites/bigwood/Departments/2385/podcasts/whatdidpeoplethink.jpg"></FONT></TD>
<TD colSpan=3>
<DIV>
<P><FONT color=#000000 size=4><strong>Medieval Medicine - what made you ill. </strong></FONT></P>
<br/>
<P><FONT color=#000000 size=3>This Podcast is on what did people think make you ill in the Middle Ages</FONT></P></DIV></TD></TR>
<TR>
  <TD colspan="2" align=center vAlign=middle>&nbsp;</TD>
  <TD width="74%" align=left vAlign=middle>
 
 

 

 

 
 
   
 
  </TD>
</TR>
</TBODY></TABLE>
<p>&nbsp;</p></TD></TR></TBODY></TABLE>

---

Please use the forum's bbcode tags and indent your code to make it more readable:

for php code............[php] <?php /* code goes here */ ?> [/php]
for html...............[html] <!-- markup goes here -->.....[/html]
for js/css/other.......[code] code goes here................[/code]
results in:

PHP Code:

---

 <?php /* code goes here */ ?>

---

HTML Code:

---

<!-- markup goes here -->

---

Code:

---

code goes here

---

autostart (which is nonstandard, though I think all browsers recognize it anyway; autoplay is the "correct" attribute) is a boolean attribute— it's either there, or it's not.

HTML Code:

---

<video autoplay=true>  <!--  autoplay!  -->
<video autoplay>        <!--  autoplay!  -->
<video autoplay=false>  <!--  autoplay!  -->
<video>                <!-- no autoplay -->

---

Odd, but that is how it is supposed to be. The browsers that are playing all of them at once are actually doing the right thing.