Discussion :

[OUZFA]

Bonjour à tous

j'ai un souci avec la lecture d'une vidéo avec un setTimeout de 5 secondes après le chargement de la page.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
<video id="video1"  style="width: 99%;height: 99%;cursor: pointer; " src="..../video1.mp4" type="video/mp4"  onmousemove="this.play();"></video>
 <script>let video1=document.getElementById('video1');
function playVideo() {
video1.play();
}
setTimeout(playVideo,5000);</script>

la vidéo ne démarre pas. Par contre, lorsque je bouge la souris sur la vidéo (onmousemove), elle démarre sans problème.

Auriez-vous une explication, svp ?

Merci par avance.

[ProgElecT]

Salut
As tu essayes

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

setTimeout(playVideo(),5000);</script>

[OUZFA]

Non cela ne fonctionne toujours pas.
avec les parenthèses, normalement la fonction est exécutée immédiatement (le setTimeout n'as plus d'effet, n'es-ce pas ?)
En tout cas, merci beaucoup ProgElect

[OUZFA]

Finalement, il y a un truc bizarre qui se passe : lorsque je clique sur la page avant le déclenchement du setTimeout (avant l'écoulement des 5 secondes), le setTimeout fonctionne et la vidéo démarre sans aucun problème. Autrement dit : il faut un clic sur la page pour que le setTimeout fonctionne.
BIZARRE
Auriez-vous une explication (et surtout une solution) ?

[OUZFA]

Au fait, cela fonctionne sans problème sur Internet Explorer.
la cause c'est la nouvelle politique de Google Chrome qui interdit le Autoplay si la propriété muted n'est pas attribuée.
Sinon, et pour empêcher toute tentative de contourner cette interdiction, ils ont empêché aussi le lancement de la vidéo (si elle n'est pas muted) sans un click (c'est à dire un action physique et non pas une fonction).

Merci encore ProgElect.