Élément vidéo HTML5 responsive 100% v-4.3

Un élément complémentaire gratuit conçu pour OpenElement
  1. Téléchargez le fichier compressé

  2. Faites l'extraction et copiez l'élément dans le dossier Common/Elements de votre projet.

  3. Ouvrez votre projet

  4. Insérez l'élément sur la page

  5. Définissez sa largeur en pourcentage de l'élément parent

  6. Faites une approximation de sa hauteur, elle s'justera au ratio indiqué ci-bas.

  7. Ajustez les propriétés Vidéo selon votre besoin

    1. Vidéo MP4 - fichier vidéo MP4
    2. Vidéo OGG - fichier vidéo OGG, des convertisseurs gratuits sont disponibles sur internet
    3. Vidéo WEBM- fichier vidéo WEBM, des convertisseurs gratuits sont disponibles sur internet
    4. Image - Image affichée en attendant le démarrage de la vidéo.
    5. Contrôles - afficher les contrôles vidéo
    6. Muets - Mode silencieux (muet)
    7. Automatique - Démarrage automatique de la vidéo (ne fonctionne qu'en mode muet)
    8. Boucle - La vidéo roule en boucle sans arrêt
    9. Prévenir le téléchargement trop facile

  8. Ajustez le tout en utilisant les media-queries de OpenElement
Version 1 - 2018-10-02
Version 2 - 2018-10-03, Retrait de la propriété Ratio, processus automatisé par la capture des dimentions de la trame via javascript
Version 2.0.3 - 2019-09-18, correction du code pour fichier ogg
Version 3.0 - 2020-09-13, Ajout d'un propriété pour prévenir le téléchargement facile
Version 3.1 - 2020-12-18, Retrait du deuxième tag video inutile
Version 3.2 - 2020-12-19, retrait de l'ID monVideo
Version 3.3 - 2020-12-20 Ajout d'avertissements en cas de noms de fichiers invalides
Version 4.0 - élément refait au complet
Version 4.1 - ajoût des contrôles
Version 4.2 - Levée de certaines restrictions de type de mp4
Version 4.3 - prrévenir une possible interférence avec les autres éléments de type vidéo