taille de div et keypress

L’auteur de ce sujet a trouvé une solution à son problème.
Auteur du sujet

Bonjour :)

Je participe à cet atelier.

Mon player est quasiment fini. Sauf que j'ai quelques bugs que je n'arrive pas résoudre.

Pour que ce soit plus parlant j'ai fait un modèle sur codepen.

Mes bugs :

  • Le div qui contient la balise video n'a pas la même taille que la vidéo
  • L'évènement keypress ne se déclenche pas

Merci d'avance :D

+0 -0

Cette réponse a aidé l’auteur du sujet

Pour moi, la div fait la même taille que la vidéo en largeur et 5px de plus en hauteur, tu est sous quel navigateur ? EDIT : A moins que tu veuille la même hauteur ? Si c'est le cas, je ne vois pas comment y parvenir étant donné que ta vidéo n'a pas de hauteur fixe, actuellement, un mauvais navigateur pourrait très bien interpréter le height: 100% de la vidéo comme 100% de 0px - taille normale de l’élément parent - ; de la même façon, l’événement keypress se déclenche, toutefois, keyCode vaut 0, et c'est normal, keyCode n'est pas implémenté pour keypress mais pour keyup et keydown, il faut utiliser charCode pour un event keypress - mais je te conseille d'utiliser un keydown a moins que tu n'ait réellement besoin d'un keypress -.

Édité par TAlone

« Il n’était même pas sûr d’être en vie puisqu’il vivait comme un mort. » – Albert Camus, L’étranger

+0 -0

Cette réponse a aidé l’auteur du sujet

Pour la taille de la vidéo, cela vient simplement du fait qu'elle n'est pas en display: block, donc les espaces blancs autour comptent.

Pour le reste, tout est dit ;)

Mes tutos — Architecte technique : JS/Node/Angular/Mongo, PHP/MySQL — Consultant qualité, ergonomie et UX

+0 -0
Auteur du sujet

Merci :D

maintenant le premier bug est résolu ^^ !

… mais le deuxième ne l'est que pour Firefox et IE (oui, même IE XD)… mais pas pour webkit (Chrome/Opéra)

Ils ne déclenchent toujours pas les évènements keyup/keypress/keydown

+0 -0

Je pense que ça vient du fait qu'il n'y a pas le focus sur la video, donc l'événement est lancé plus haut, là où il y a le focus (sur document par exemple).

Mes tutos — Architecte technique : JS/Node/Angular/Mongo, PHP/MySQL — Consultant qualité, ergonomie et UX

+0 -0
Auteur du sujet

Euh, ok, merci, mais je fais comment pour récupérer le keypress quand il cible la vidéo.

Je veux dire, s'il y a un input sur la page et que je lance des fonctions dans le lecteur quand on appuie sur un touche en particulier, et que l'utilisateur était juste en train de remplir un formulaire, c'est assez moyen :3

Ou sinon, j'ai qu'à oublier le contrôle par les touches :/ , ce sera plus simple ^^ (mais moins accessible, tant pis…)

+0 -0

Cette réponse a aidé l’auteur du sujet

Tu pourrais aussi tenter de rendre la vidéo focusable avec tabindex.

Ou alors tu fais en sorte de mettre le focus dans un input caché à la place de la vidéo. Comme ça tu pourras tout récupérer ;)

Édité par viki53

Mes tutos — Architecte technique : JS/Node/Angular/Mongo, PHP/MySQL — Consultant qualité, ergonomie et UX

+0 -0
Vous devez être connecté pour pouvoir poster un message.
Connexion

Pas encore inscrit ?

Créez un compte en une minute pour profiter pleinement de toutes les fonctionnalités de Zeste de Savoir. Ici, tout est gratuit et sans publicité.
Créer un compte