bonjour,
j'ai un comportement bizarre avec Firefox et l'audio html5.
dans un blog wordpress, j'insère un fichier mp3 dans une page et il se créé une balise <audio> (voir code ci dessous).
ça marche nickel avec chrome et IE11 mais si je lance la lecture avec Firefox (27.0.1), ça plante carrément le navigateur.. (sous windows 8.1).
Sur une autre machine avec Windows 7 et firefox 27.0.1, ça marche..
Je rajoute un lien vers la page
lien vers la page
dites moi éventuellement si ça fonctionne chez vous?
merci
Modifié par lionel_css3 (24 Feb 2014 - 09:07)
j'ai un comportement bizarre avec Firefox et l'audio html5.
dans un blog wordpress, j'insère un fichier mp3 dans une page et il se créé une balise <audio> (voir code ci dessous).
ça marche nickel avec chrome et IE11 mais si je lance la lecture avec Firefox (27.0.1), ça plante carrément le navigateur.. (sous windows 8.1).
Sur une autre machine avec Windows 7 et firefox 27.0.1, ça marche..
Je rajoute un lien vers la page
lien vers la page
dites moi éventuellement si ça fonctionne chez vous?
merci
<div class="mejs-container svg wp-audio-shortcode mejs-audio" id="mep_0" style="width: 100%; height: 30px;">
<div class="mejs-inner">
<div class="mejs-mediaelement">
<audio style="width: 100%" preload="none" id="audio-1112-1" class="wp-audio-shortcode" src="http://www.minimum-vital.fr/wp-content/uploads/2014/02/mokajack.mp3"><source src="http://www.minimum-vital.fr/wp-content/uploads/2014/02/mokajack.mp3" type="audio/mpeg"></source>
<a href="http://www.minimum-vital.fr/wp-content/uploads/2014/02/mokajack.mp3">http://www.minimum-vital.fr/wp-content/uploads/2014/02/mokajack.mp3</a>
</audio>
</div>
<div class="mejs-layers">
<div class="mejs-poster mejs-layer" style="display: none; width: 100%; height: 30px;"></div>
</div>
<div class="mejs-controls">
<div class="mejs-button mejs-playpause-button mejs-play">
<button aria-label="Lecture/Pause" title="Lecture/Pause" aria-controls="mep_0" type="button"></button>
</div>
<div class="mejs-time mejs-currenttime-container"><span class="mejs-currenttime">00:00</span></div>
<div class="mejs-time-rail" style="width: 858px;">
<span class="mejs-time-total" style="width: 848px;">
<span class="mejs-time-buffering" style="display: none;"></span>
<span class="mejs-time-loaded"></span>
<span class="mejs-time-current"></span>
<span class="mejs-time-handle"></span>
<span class="mejs-time-float">
<span class="mejs-time-float-current">00:00</span>
<span class="mejs-time-float-corner"></span>
</span>
</span>
</div>
<div class="mejs-time mejs-duration-container">
<span class="mejs-duration">00:00</span>
</div>
<div class="mejs-button mejs-volume-button mejs-mute">
<button aria-label="Inverser le son" title="Inverser le son" aria-controls="mep_0" type="button"></button>
</div>
<div class="mejs-horizontal-volume-slider mejs-mute">
<div class="mejs-horizontal-volume-total"></div>
<div class="mejs-horizontal-volume-current" style="width: 40px;"></div>
<div class="mejs-horizontal-volume-handle" style="left: 27px;"></div>
</div>
</div>
<div class="mejs-clear"></div>
</div>
</div>
Modifié par lionel_css3 (24 Feb 2014 - 09:07)