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

Un élément complémentaire conçu pour

Téléchargez le fichier compressé
Faites l'extraction et copiez l'élément dans le dossier Common/Elements de votre projet.
Ouvrez votre projet
Insérez l'élément sur la page
Définissez sa largeur en pourcentage de l'élément parent
Faites une approximation de sa hauteur, elle s'justera au ratio indiqué ci-bas.
Ajustez les propriétés Vidéo selon votre besoin

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

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
Version 4.5 - Preload=auto
Version 4.6 - prechargement optionnel ajouté

Nouveau lien