Trois lecteurs html5 sur ma page

Fermé
Bee - 24 avril 2014 à 11:08
 Bee - 24 avril 2014 à 13:24
Bonjour,
Je crée le site d'une amie et j'ai insérer un lecteur htlm en js, le problème est que j'ai trois lecteurs qui apparaissent quand je teste en local, puis-je vous joindre une copie d'écran, et quelqu'un peut me dire d'où vient mon erreur ? je n'ai qu'un fichier audioplayer.js et fichier css

http://imageshack.com/a/img842/3108/8et8.png

merci par avance de vos conseils.

Bee




3 réponses

carabde Messages postés 60 Date d'inscription mercredi 8 juillet 2009 Statut Membre Dernière intervention 30 décembre 2021 30
24 avril 2014 à 11:45
C'est surement due à votre code javascript.
Pourquoi ne pas utiliser l'élément audio de html5 dont voici un tutorial

http://www.oujood.com/html5/HTML5Audio.php
0
merci de votre réponse, j'ai essayé via ce site, qui me semblait simple
http://netmacom.fr/blog/webdesign/player-audio-responsive-html5.html

pouvez-vous me dire où il y a une erreur si je vous copie le code de ma page html
merci en tout cas de votre réponse

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>ecouter</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="audioplayer.css" rel="stylesheet" type="text/css"/>
</head>

<body class="body">
<!-- SCRIPTS JS -->
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="js/libs/audio.player.js"></script>
<script>
$( function()
{
$( 'audio' ).audioPlayer();

$( 'audio' ).audioPlayer(
{
classPrefix: 'audioplayer', // De loin le plus important, il s'agit du nom de la classe parente de tout le player, ainsi que le préfixe des autres classes du player, utile dans le cas de multiples players aux allures différentes
strPlay: 'Play', // Il s'agit du titre du bouton "Play", vous pouvez très bien le changer en "Lecture"
strPause: 'Pause', // Le titre du bouton "Pause"
strVolume: 'Volume' // Le titre du bouton "Volume"
});
});
</script>


<div class="container">
<div class="content-pages">
<div class="menupages">
<ul class="menupages">
<li><a href="contact.html"style="text-decoration:none">contact</a></li>
<li><a href="portefolio2.html"style="text-decoration:none">portefolio</a></li>
<li><a href="a propos2.html"style="text-decoration:none">a propos</a></li>
<li><a href="fmlouise.htm"style="text-decoration:none">fm louise</a></li>

</ul>
<div class="cexille2">
<p><span class="titre1"</span>"ma musique</p>
<div class="lecteurmedia">
<audio src="london grammar.mp3" preload="auto" controls></audio>

<div class="audioplayer audioplayer-stopped">

<div class="audioplayer-playpause" title="Play"><a href="#">play</a></div>
<div class="audioplayer-time audioplayer-time-current">00:00</div>
<div class="audioplayer-bar">
<div class="audioplayer-bar-loaded"></div>
<div class="audioplayer-bar-played"></div>
</div>
<div class="audioplayer-time audioplayer-time-duration">…</div>
<div class="audioplayer-volume">
<div class="audioplayer-volume-button" title="Volume"><a href="#">volume</a></div>
<div class="audioplayer-volume-adjust"><div><div></div></div></div>
</div>



merci pour tout.
Bee
0
je précise que je voulais faire un lecteur personnalisable pour que les rendus dans les différents navigateurs soient les mêmes et responsive.
c'est pour cela que j'ai suivi ce tutoriel.
Merci encore.
Bee
0