Podrías tener (únicamente) el reproductor en tu página index.html y hacer que ésta sea un 'contenedor' para el resto de páginas. Así no te saldrías nunca de index y mantendrías el reproductor. Puedes hacerlo añadiendo el reproductor y un <iframe>
en el index.html.
Prueba a crear estos ficheros en local para que se entienda mejor el concepto:
Fichero: index.html:
<html>
<head>
<style>
body {
margin: 0;
}
</style>
</head>
<body>
<div>Reproductor</div>
<iframe src="principal.html" style="border: 0; width: 100%; height: 100%"></iframe>
</body>
</html>
Fichero: principal.html:
<html>
<head>
<style>
body {
margin: 0;
background-color: #F0F0F0;
}
</style>
</head>
<body>
<div>Página principal</div>
<div>...</div>
<div>...</div>
<div>...</div>
<div>...</div>
<a href="contacto.html">Contacto</a>
</body>
</html>
Fichero: contacto.html:
<html>
<head>
<style>
body {
margin: 0;
background-color: #FDE8F2;
}
</style>
</head>
<body>
<div>Página de contacto</div>
<div>...</div>
<div>...</div>
<div>...</div>
<div>...</div>
<a href="principal.html">volver</a>
</body>
</html>
Ahora abre/carga index.html y prueba a navegar entre principal y contacto. Como puedes ver, mantienes arriba el "reproductor"