html 5 <video> + javascript
Bonjour,
Dans le cadre d'une réalisation web qui doit pouvoir s'afficher et réagir sur ipad, j'utilise l'html 5 associé à javascript. Ces technologies sont gérées par Safari sur ipad. Jusque là tout va bien. Cependant, j'ai noté quelques dysfonctionnements et cherche un moyen de les contourner :
je dois récupérer les actions utilisateurs associées à une balise <video>; il est pour cela possible d'ajouter les écouteurs "onmousedown" ou bien "ontouchstart" à cette balise tel qu'il est possible de le faire sur une balise <img> ou bien encore <div>. Seulement, si cela marche bien avec <img> et <div>, ça ne marche pas avec <video> ! Or sur Safari version Mac ou Pc, ca ne pose aucun problème !
Sur l'ipad, aucune erreur n'est décelée par le navigateur mais les fonctions associées aux écouteurs ne sont pas exécutées lorsque les actions sont produites.
Pour contourner ce problème, j'ai essayé de superposer à la vidéo une balise <div>, pour laquelle le navigateur se comporte tel qu'attendu. Mais ca ne marche pas. J'ai légèrement décalé la balise <div> afin qu'elle ne soit qu'en partie au dessus de la vidéo : lorsque je presse l'écran sur la partie de la div qui ne recouvre pas la vidéo, l'action attendue se produit, lorsque je le fais au dessus de la vidéo, rien ne se passe... Comme si la vidéo créait une sorte de "trou" capturant les actions utilisateurs.
Que se passe t-il ? Quelqu'un a t-il déjà rencontré ce problème, comment le contourner ?
Toutes suggestions sont les bienvenues ! Merci !
Répondre avec citation
Partager