Créer un lecteur vidéo pour votre site web - ce est sous réussir HTML5

FONTE ZOOM:

Si vous souhaitez publier un lecteur vidéo pour votre site web, vous pouvez le faire pour HTML 5 directement via une balise HTML. Qu'est-ce que vous devez faire attention et comment le code HTML pourrait chercher un lecteur vidéo, cliquez ici.

Créez des vidéos avec HTML5

Avec l'introduction de HTML5, il est désormais possible d'intégrer des vidéos directement à partir d'une balise HTML, sans utiliser par exemple un code JavaScript ou Flash Player.

  • Cela vous permet de "
  • L'intégration vidéo avec HTML5 est soutenu par presque tous les navigateurs web.
  • Cependant, vous devez utiliser deux formats vidéo différents pour différents navigateurs, comme tous les navigateurs supportent pas le même codec vidéo.
  • Donc, vous auriez besoin pour Firefox et Opera le codec Theora, donc une vidéo au format OGV.
  • Pour Safari et smartphones avec un système d'exploitation iOS ou Android, vous devez le format MPEG-4, donc une vidéo avec l'extension de fichier MP4.
  • Dans Google Chrome, vous pouvez utiliser à la fois le codec Theora et le format MPEG-4.
  • L'Internet Explorer à partir de la version 9 également le format MPEG-4, vous devez créer un repli dans les versions antérieures ainsi que d'autres, navigateur web plus, qui supporte un joueur différent.

Lecteur intégré sur la page d'accueil

Pour intégrer un lecteur vidéo sur HTML 5 sur votre site, vous pouvez le faire rapidement et facilement avec seulement quelques lignes de code:

  1. Ouvrez pour le premier fichier Web dans lequel vous souhaitez coller le lecteur vidéo.
  2. Ensuite, écrire à l'emplacement souhaité où le lecteur vidéo à comparaître, la balise vidéo avec la largeur et la hauteur du joueur:

  3. Dans les balises vidéo vous toujours besoin de définir les sources de vos fichiers vidéo, vous auriez à "src" le chemin exact de votre fichier vidéo indiquer au:

  4. En option, vous pouvez ensuite modifier à votre lecteur vidéo. Vous pourriez, par exemple, avec l'ajout de "autoplay" Réglage du démarrage automatique de la vidéo ou d'offrir avec «contrôle» des boutons pour contrôler le joueur:
  5. Vous pouvez également définir une image fixe est affichée jusqu'à ce que la vidéo en particulier a été chargé pour la lecture. Cela nécessiterait l'attribut "affiches" utilisation et spécifier le chemin vers le fichier image:
  6. Enfin, vous pourriez aussi mentionné, ni créer un repli, ce qui serait les visiteurs de votre site affiché si le navigateur ne doit pas en charge HTML 5. Cela pourrait être un texte simple comme "Votre navigateur ne peut pas jouer HTML 5 vidéo" ou être un lecteur vidéo alternative.
  7. Le texte ou un code serait alors simplement écrits dans les balises vidéo, meilleure ci-dessous les sources vidéo, de sorte que d'un lecteur vidéo avec HTML 5 pourrait ressembler à ceci:



    Votre navigateur ne peut pas lire les vidéos HTML 5
  8. Enregistrez votre fichier Web et le télécharger, et, le cas échéant, vos fichiers vidéo et l'image par défaut sur votre serveur.
VOIR AUSSI:
  1.  
  2.  
  3.  
Sans commentaires

Laisser un commentaire

Code De Sécurité