Trois lecteurs html5 sur ma page
Bee
-
Bee -
Bee -
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
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
-
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
-
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 -
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
