11480 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

Je travaille actuellement sur une application web qui permet notamment d'afficher du contenu html importé de sources extérieures. Ce contenu est affiché au sein de notre site dans une balise iframe et peut contenir des vidéos (balises html5 video).
Je souhaite permettre l'affichage de ce contenu en mode plein écran au moyen de l'API fullscreen de javascript.

L'affichage du contenu en plein écran fonctionne bien. Celui des vidéos aussi.
Mon problème se situe lorsque je passe une vidéo en plein écran alors que mon contenu est déjà affiché en plein écran : ça fonctionne parfaitement sous IE11 et Firefox,
mais sous Chrome, la vidéo s'affiche bien en plein écran, mais il est alors impossible de quitter la vidéo car le bouton dans la barre de commande de la vidéo est inopérant et la touche 'Echape' quitte le fullscreen mais la vidéo se retrouve en plein page et il est alors impossible de la quitter...

J'ai fait une page de test sur Plunker :http://plnkr.co/edit/CEBclM

Quelqu'un a-t-il une idée ?
Modifié par 20100-148 (30 Mar 2015 - 09:38)