problème de musique

[proxylium]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Moi uniquement
Problème apparu depuis : aujourd'hui 11/01/17lors de la mise en place de cette fonction
Lien du forum : http://la bebar family.forumactif.com

Description du problème

bonjour a toutes,a tous
je viens vers vous pour exposer mon problème de musique sur mon petit forum fraîchement créé
je m'expliques j'ai suivi ce tuto de AaZ
https://forum.forumactif.com/t281779-comment-mettre-une-musique-de-fond-sur-mon-forum

mais mon problème persiste:
j'ai bien la musique niquel !!
j'ai bien le petit icône enceinte super !!
couper la musique c'est là ou le bas blesse impossible de la couper celle-ci se relance seul
comment y parvenir?
d'avance merci de vous pencher sur ma question

ci-joint les modifications de la template overall_header

<span id="player" style="display: block; visibility: hidden;">
<object width="0" height="0"><param name="movie" value="https://www.youtube.com/v/Kq7LHBNdAqQ&autoplay=1&loop=1"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="https://www.youtube.com/v/Kq7LHBNdAqQ&autoplay=1&loop=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="0" height="0"></object></span>




<a onclick="document.getElementById('player').style.display == 'block'?document.getElementById('player').style.display = 'none':document.getElementById('player').style.display = 'block'"><img src="http://reviews.cnet.com/i/bto/20091212/SoundIcon.png" border="0" /></a></span>

voila les modifications apportées sur ce script
je suis sous chrome
merci encore de l'intérêt porté a ce sujet
cordialement

[proxylium]

bonsoir tlm
petit up
pour infos j'ai pas l'enceinte qui est en mode coupé j'ai refait toute la manip et tjrs rien
merci du coup de pouce pour comprendre ce qui ce passe
amicalement

proxy

[oxymore]

Bonjour

Vous pouvez utiliser l'API youtube
Testez en mettant ce code en page d'accueil

Code:

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" /> <style type="text/css">

.material-icons {
    color: #FB8C00;
    font-size: 64px;
  }
</style>  <em style="position:absolute; left: 100px; top: 60px" id="mute-toggle" class="material-icons">volume_up</em>   
<div id="player">
</div>
 <script>     
      var tag = document.createElement('script');
      tag.src = "https://www.youtube.com/iframe_api";
      var firstScriptTag = document.getElementsByTagName('script')[0];
      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
 
 
      var player;
      function onYouTubePlayerAPIReady() {
        player = new YT.Player('player', {
          height: '0',
          width: '0',   
          playerVars: {'playlist': 'Xa0Q0J5tOP0,Kq7LHBNdAqQ', 'autoplay': 1, 'controls': 1,'autohide':1,'loop':1,'wmode':'opaque' },
          videoId: 'Kq7LHBNdAqQ',
          events: {
            'onReady': onPlayerReady}
        });
      }
 
   
   
    function onPlayerReady(event) {
        event.target.play();
      }
     
    jQuery('#mute-toggle').on('click', function() {
    var mute_toggle = jQuery(this);

    if(player.isMuted()){
        player.unMute();
        mute_toggle.text('volume_up');
    }
    else{
        player.mute();
        mute_toggle.text('volume_off');
    }
});

</script>

[proxylium]

bonjour oxymore
merci beaucoup cela fonctionne comme il faut



juste pour mon information ou est l'erreur dans l'autre variante proposée?
je note résolu