HTML5 tag not working in Safari
I've included a very simply HTML5 script in my webpage like this:
<!DOCTYPE HTML>
<html>
<head>
<title>HTML5 Player</title>
</head>
<body>
<audio
controls="controls"
autoplay="autoplay"
<div class="jive-quote">
<source src="http://www.mydomain.com/folder/filename.mp3" type="audio/mp3" />
<source src="http://www.mydomain.com/folder/filename.ogg" type="audio/ogg" />
</audio>
</body>
</html>
Works fine in Opera, Firefox, Chrome, on my IPhone...not in Safari on my MacBook and on the IPad.
All I see is a bar with a circle and 30 inside and the play button...nothing happening when I pudh the play button.
What am I doing wrong? Thanks for the help in advance!
<!DOCTYPE HTML>
<html>
<head>
<title>HTML5 Player</title>
</head>
<body>
<audio
controls="controls"
autoplay="autoplay"
<div class="jive-quote">
<source src="http://www.mydomain.com/folder/filename.mp3" type="audio/mp3" />
<source src="http://www.mydomain.com/folder/filename.ogg" type="audio/ogg" />
</audio>
</body>
</html>
Works fine in Opera, Firefox, Chrome, on my IPhone...not in Safari on my MacBook and on the IPad.
All I see is a bar with a circle and 30 inside and the play button...nothing happening when I pudh the play button.
What am I doing wrong? Thanks for the help in advance!
MacBookPro, Mac OS X (10.6.5)
