IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Bouton Play ne fontionne pas


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Juillet 2008
    Messages
    175
    Détails du profil
    Informations personnelles :
    Âge : 43
    Localisation : Canada

    Informations forums :
    Inscription : Juillet 2008
    Messages : 175
    Par défaut Bouton Play ne fontionne pas
    Bonsoir tout le monde,

    J'ai un message d'erreur disant: 'playPauseVideo' defined but never used

    Voila mon code HTML:
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    <div class="video-wrapper">
    	<video class="video-element" preload="metadata" src=""></video> 
    	   <div class="video-controls">
    	      <button class="boutton btn-play"><span class="fa fa-play "></span></button>
    	      <button class="boutton btn-mute"><span class="fa fa-volume-up"></span></button>
    	   </div>
    </div>

    Et voila mon code Js:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    const btnMute = document.querySelector('.btn-mute');
    		const btnMuteIcon = btnMute.querySelector('.fa');
    		const btnPlay = document.querySelector('.btn-play');
    		const btnPlayIcon = btnPlay.querySelector('.fa');
    		const videoElement = document.querySelector('.video-element');
     
    		// Mute the video
    		const muteVideo = () => {
    		  if (videoElement.muted) {
    			videoElement.muted = false;
     
    			btnMuteIcon.classList.remove('fa-volume-up');
    			btnMuteIcon.classList.add('fa-volume-off');
    		  } else {
    			videoElement.muted = true;
     
    			btnMuteIcon.classList.remove('fa-volume-off');
    			btnMuteIcon.classList.add('fa-volume-up');
    		  }
    		}
     
    		// Play / Pause the video
    		const playPauseVideo = () => {
    		  if (videoElement.paused) {
    			videoElement.play();
     
    			btnPlayIcon.classList.remove('fa-play');
    			btnPlayIcon.classList.add('fa-pause');
    		  } else {
    			videoElement.pause();
     
    			btnPlayIcon.classList.remove('fa-pause');
    			btnPlayIcon.classList.add('fa-play');
    		  }
    		}
    		// Event listeners
    		btnMute.addEventListener('click', muteVideo, false);
     
    		videoElement.addEventListener('ended', () => {
    		btnPlay.setAttribute('hidden', 'true');
    		btnReset.removeAttribute('hidden');
    	  }, false);
    Votre aide sera bien apprécié. Merci beaucoup

  2. #2
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    Par défaut


    C'est jaune ou rouge dans la console ?

    Si c'est jaune ce n'est qu'un avertissement qui dit que votre fonction const playPauseVideo = () => { n'est jamais utilisée. Soit cette fonction ne sert à rien, soit le code est mal construit, soit l'exploitation du code est mal faite.

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

Discussions similaires

  1. Problème Bouton PLAY et MAC
    Par Stephetsand dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 31/10/2005, 16h19
  2. HTACCESS qui ne fontionne pas...
    Par Raideman dans le forum Apache
    Réponses: 4
    Dernier message: 28/06/2005, 08h34
  3. Réponses: 4
    Dernier message: 04/05/2005, 13h54
  4. [FLASH MX2004] Problème pour faire un bouton play
    Par melanie075 dans le forum Flash
    Réponses: 13
    Dernier message: 16/12/2004, 22h55
  5. [Javascript] ne fontionne pas ?
    Par MatMeuh dans le forum Général JavaScript
    Réponses: 9
    Dernier message: 15/10/2004, 15h21

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo