Trois lecteurs html5 sur ma page

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




A voir également:

3 réponses

Réponse 1 / 3
carabde Messages postés 60 Date d'inscription   Statut Membre Dernière intervention   30
 
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
Réponse 2 / 3
Bee
 
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
Réponse 3 / 3
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
0

Discussions similaires

comment revenir à ma page d'accueil "google.fr" ?
sirioja3 -
kaneagle -

5 réponses