Lancer automatiquement une vidéo

Signaler
Messages postés
91
Date d'inscription
mercredi 4 septembre 2019
Statut
Membre
Dernière intervention
24 avril 2021
-
Messages postés
32347
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
7 mai 2021
-
Bonjour,
j'aimerai sur mon site web ( en html) que quand on passe sur une vidéo ( on la regarde), elle se lance automatiquement. Et si on ne passe pas dessus, elle ne se lance pas.

Certain m'ont recommandé <code>autoplay<code>.
Mais lorsque je vais sur la page, les vidéos se lancent automatiquement même si je ne passe pas devant.

Est ce que vous connaissez un code en javascript qui pourrait faire ceci ?
J'ai beaucoup cherché sur internet mais je n'ai rien trouvé.

Merci

1 réponse

Messages postés
32347
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
7 mai 2021
3 464
Bonjour

L'autoploay sert à déclencher la lecture automatiquement.... sans condition...

Toi, ce que tu sembles vouloir faire, c'est la déclencher lorsque tu la survoles (avec la souris ) ou lorsque tu l'affiches sur un smartphone
Commence déjà par la souris, avec le onMouseOver

https://www.w3schools.com/jsref/event_onmouseover.asp
Messages postés
91
Date d'inscription
mercredi 4 septembre 2019
Statut
Membre
Dernière intervention
24 avril 2021
9
Merci, en fait c'est pas vraiment ce que je recherche. Sur mon ordinateur par exemple, j'aimerai quand je descend la page jusque la vidéo, alors elle se met en play automatiquement. Si je suis tout en haut de la page, elle ne se lance pas.
Le problème avec la souris c'est qu'il faut passer sur la vidéo ou la div pour que sa se lance automatiquement.
Messages postés
32347
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
7 mai 2021
3 464 >
Messages postés
91
Date d'inscription
mercredi 4 septembre 2019
Statut
Membre
Dernière intervention
24 avril 2021

Donc, lorsque tu "scroll"
Là aussi il existe un EVENT pour ça en Javascript.

https://www.google.com/search?q=javascript+fire+event+scroll+to+element