Estoy comenzando una pagina (soy nuevo en esto) y requiero poner una lista con varios audios para escuchar online, los he puesto uno por uno con jwplayer (o sea pongo 50 veces en player de jwplayer en la misma pagina), pero como son mas de 50 audios la pagina al ser jwplayer en flash se pesa un poco, quisiera ver que me aconsejan hacer en vez de mi burda solucion que realice.
El siguiente es un ejemplo de como es mi pagina (aunque en el ejemplo son solo 4 reproductores en mi pagina son 50 reproductores en la misma).
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ejemplo</title>
<script type='text/javascript' src='jwplayer.js'></script>
</head>
<body>
<p> </p>
<table width="526" border="0" cellspacing="0" cellpadding="5" align="center">
<tr>
<td>
Ejemplo 1 <br />
<div id='Ejemplo1'>Ejemplo 1</div>
<script type='text/javascript'>
jwplayer('Ejemplo1').setup({
'flashplayer': 'player.swf',
'file': 'Ejemplo1.mp3',
'controlbar': 'bottom',
'width': '250',
'height': '23'
});
</script>
</td>
<td>
Ejemplo 2<br />
<div id='Ejemplo2'>Ejemplo 2</div>
<script type='text/javascript'>
jwplayer('Ejemplo2').setup({
'flashplayer': 'player.swf',
'file': 'Ejemplo2.mp3',
'controlbar': 'bottom',
'width': '250',
'height': '23'
});
</script>
</td>
</tr>
<tr>
<td>
Ejemplo 3<br />
<div id='Ejemplo3'>Ejemplo 3</div>
<script type='text/javascript'>
jwplayer('Ejemplo3').setup({
'flashplayer': 'player.swf',
'file': 'Ejemplo3.mp3',
'controlbar': 'bottom',
'width': '250',
'height': '23'
});
</script>
</td>
<td>
Ejemplo 4<br />
<div id='Ejemplo4'>Ejemplo 4</div>
<script type='text/javascript'>
jwplayer('Ejemplo4').setup({
'flashplayer': 'player.swf',
'file': 'Ejemplo4.mp3',
'controlbar': 'bottom',
'width': '250',
'height': '23'
});
</script>
</td>
</tr>
</table>
</body>
</html>