Partage
  • Partager sur Facebook
  • Partager sur Twitter

Balise <video>: paramétrages et aménagements

    18 septembre 2017 à 19:16:37

    Bonjour à tous,

    Mes vidéos étaient jusqu'ici sur internet au format FLV (donc en Flash).

    Elles le resteront peut-être pour les PC puisque c'est déjà fait et que ça me permet d'avoir des menus animés. Mais pour être visible sur des mobiles, j'ai pris l'option d'utiliser la balise <video> avec les 3 formats requis: MP4, WEBM et OGG.

    Le résultat me semble prometteur et, pour affiner les choses, j'ai quelques problèmes que vous me permettrez, j'espère, de résoudre ou de contourner.

    1) Peut-on "forcer" l'affichage d'un mobile à se faire en mode paysage?
    Les films étant au format 16x9 ou 4x3, c'est mieux de les avoir tout de suite dans le bon sens. Donc comment faire ?

    2) En convertissant mes FLV j'ai opté pour un format 400x224 px (pour le 16x9) afin d'avoir moins de poids à charger.
    Mais la taille de l'image n'est qu'un paramètre et le débit en Kb par seconde en est un autre. J'ai au moins 3 possibilités allant dans un rapport de poids de 1 à 3 !
    Avez- vous des recommandations ou des préférences pour la taille de l'image et pour le débit ?

    3) En fin de vidéo, l'écran s’arrête sur la dernière image du film et la seule chose possible est de revenir à l'écran précédent.
    Comment faire pour avoir automatiquement un (ou plusieurs choix) comme:
     - retour en pause au début du film
     - enchainement sur une autre vidéo
     - effectuer un lien (qui serait en général le retour à la page précédente puisque c'est le "menu")
     - ...

    4) En déplaçant le pointeur de la souris sur la ligne de temps de la vidéo écoulée, certains dispositifs affichent le temps et une vignette de l'image du film à ce moment.
    Peut-on obtenir ce genre de résultat, et comment ? (un tuto ou l'esquisse de la solution serait bienvenu :) )

    5) Pour passer de l'affichage sur PC (Flash) à l'affichage tablettes ou mobiles, je n'ai qu'un sélecteur média query:
    @media only screen and (max-width: 1370px) {...
    Je sais, c'est ... un peu rustique o_O
    Vous me recommanderiez quoi pour être à la fois dans les clous et efficace?

    Merci d'avance si vous pouvez me faire profiter de vos lumières.

    -
    Edité par chedev 27 octobre 2017 à 16:15:47

    • Partager sur Facebook
    • Partager sur Twitter
    https://chedev.fr

    Balise <video>: paramétrages et aménagements

    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
    × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
    • Editeur
    • Markdown