Menu

Button multi usage [Résolu]

astrocurieux 210 Messages postés mardi 24 février 2015Date d'inscription 19 septembre 2018 Dernière intervention - 10 sept. 2018 à 22:40 - Dernière réponse : astrocurieux 210 Messages postés mardi 24 février 2015Date d'inscription 19 septembre 2018 Dernière intervention
- 11 sept. 2018 à 07:59
Bonjour,

est il possible de donné un double usage a un bouton ?
je m'explique, j'utilise un background video et je désire un bouton Play/stop .

actuellement il peut uniquement mettre en pause ...

<video autoplay muted loop id="myVideo">
    <source src="pictures/video/videoBG.mp4" type="video/mp4">
    Your browser looks very old !
  </video>

<a href="#" onclick="pauseVid()"><img src="pictures/elements/pause.jpg" class="Bbg" alt="pause"></a>

var vid = document.getElementById("myVideo"); 
  function pauseVid() { 
    vid.pause(); 
  } 



Afficher la suite 

Votre réponse

2 réponses

Meilleure réponse
overcool 9 Messages postés mardi 11 septembre 2018Date d'inscription 12 septembre 2018 Dernière intervention - 11 sept. 2018 à 02:02
1
Merci
Oui, tu peux vérifier si l'état de la vidéo est sur "paused"

<script> 
var vid = document.getElementById("myVideo"); 

function pauseVid() { 
    if ( vid.paused )
    vid.play(); 
    else
    vid.pause(); 
} 

</script> 

Merci overcool 1

Avec quelques mots c'est encore mieux Ajouter un commentaire

CCM a aidé 26819 internautes ce mois-ci

astrocurieux 210 Messages postés mardi 24 février 2015Date d'inscription 19 septembre 2018 Dernière intervention - 11 sept. 2018 à 07:59
mince c'est super simple enfaîte ...
faudrait vraiment que je me penche d'avantage sur le javaScript ...

merci de ton aide overcool.
Commenter la réponse de overcool