Bonjour à tous,
J'ai enfin trouvé une solution !
Voici le code chiné sur le net (et des mal au crâne plus tard) :
1. dans le head :
<!-- Pour le passage de la souris -->
<style>
.conteneur
{width: 150px;
display: inline-block;
margin: 0px;
text-align: center;
position: relative;}
.conteneur img:hover
{opacity: 0.4;}
.conteneur .texte
{font-family: "Open Sans", "Segoe UI", Helvetica, Arial;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-23%, -30%);
z-index: -1;}
.souris
{cursor: pointer;}
</style>
<!-- Pour la lecture audio -->
<script>
function and_play_stop()
{
var PLAYER = document.getElementById("PLAYER" );
if (PLAYER.paused)
{PLAYER.play();}
else
{PLAYER.pause();}
}
</script>
2. dans le body :
<!-- TEST FONCTIONNEL -->
<audio id="PLAYER" preload="none">
<!-- ### Lien audio ### -->
<source src="http://www.site2musique.fr"/>
Votre navigateur n'est pas compatible. Veuillez le mettre à jour !
</audio>
<div class="conteneur">
<span class="texte">
<big><big><b>Lecture<br>Pause</b></big></big>
</span>
<!-- ### Image ### -->
<image type="button" onclick="and_play_stop()" src="/image.png" border="0" alt="image"></image>
</div>
Bon, ce code fonctionne.
Mais est-il possible de faire LECTURE et STOP au lieu de LECTURE/PAUSE ?
J'ai beau chercher je ne trouve pas.
En plus, comme un gros couillon que je suis, je n'ai pas gardé la page où j'ai trouvé le code.