Mettre en pause un player video lorsque l'onglet est inactif

indodada Messages postés 68 Date d'inscription   Statut Membre Dernière intervention   -  
Tomy2e Messages postés 816 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour à tous!

Je viens vers vous car je me trouve devant un problème auquel je ne trouve pas la solution :

Sur un site que je gère, j'ai un player twitch (streaming) et un player de la version bêta de gaming youtube (streaming), et je souhaiterais mettre en place dans le codage des player un élément qui me permette que lorsque l'utilisateur ouvre un nouvel onglet, ou lorsqu'il change d'onglet, la lecture du flux vidéo se retrouve en pause.

Vous trouverais ci joint le codage des deux players en question :

<iframe width="853" height="480" src="https://www.youtube.com/embed/XXXXXXXX?rel=0&autoplay=1" frameborder="0" allowfullscreen></iframe>

<iframe src="https://www.twitch.tv/XXXXXXXXX/embed" width="853" height="480" frameborder="0" scrolling="no" allowfullscreen="allowfullscreen" autoplay="true"></iframe>

Dans l'attente de vos réponses,
Cordialement
A voir également:

1 réponse

Tomy2e Messages postés 816 Date d'inscription   Statut Membre Dernière intervention   859
 
Bonjour, tu auras besoin de coder ça en JavaScript, ici tu as un exemple de code qui change le titre de la page lorsque l'on change d'onglet: https://stackoverflow.com/questions/19519535/detect-if-browser-tab-is-active-or-user-has-switched-away/19519701#19519701 (démo ici: https://dystroy.org/demos/vis-en.html )
Tu as juste à mettre en pause et continuer au lieu de changer le titre de la page.
Pour YouTube tu as un exemple ici : https://stackoverflow.com/questions/8667882/how-to-pause-a-youtube-player-when-hiding-the-iframe/8668741#8668741
0