Commentaire: La vidéo HTML convient au HTML 5+, utilisé pour définir les médias de streaming vidéo en ligne. Voici une brève introduction, ce qui est pratique pour les amis dans le besoin.
HTML <IDICODIY> convient à HTML 5+, qui définit le streaming vidéo pour la visualisation en ligne.
<video src = "http://www.vevb.com/movie.ogg" Controls = "Controls">
Voici des textes de commentaires, si HTML 5 ne peut pas être pris en charge, le navigateur affichera les textes ici. S'il est pris en charge, la vidéo s'affiche directement et le texte sera ignoré.
</ vidéo>
Dans HTML 4 et avant, si vous vouliez intégrer des vidéos en ligne dans une page Web, vous deviez généralement utiliser des flux vidéo flash. En utilisant des balises <objet> et <embed>, vous pouvez lire des fichiers vidéo SWF, FLV et d'autres formats via le navigateur, mais la prémisse est que le navigateur doit installer un plug-in tiers: Adobe Flash Player. Les smartphones et iPads modernes ne peuvent généralement pas prendre en charge le flash, ils ne peuvent donc pas parcourir des vidéos sur le Web. Et HTML 5 a changé ce fait, les développeurs Web peuvent facilement charger des fichiers vidéo à l'aide de la balise <video> sans aucun plug-ins tiers.
Description de la valeur de la propriété
AutoPlayAutoplay Si cette propriété apparaît, la vidéo sera lue immédiatement après sa préparation.
ControlsControls Si cette propriété apparaît, les contrôles sont affichés à l'utilisateur, tels que le bouton de lecture.
La valeur de pixel de hauteur définit la hauteur du lecteur vidéo.
Si Looploop, la lecture recommence lorsque le fichier multimédia a terminé la lecture.
Preloadauto / Meta / None Spécifie s'il faut précharger la vidéo, valeurs possibles:
Auto - Chargez toute la vidéo après le chargement de la page
Meta - Seules les métadonnées sont chargées après le chargement de la page
Aucun - la vidéo n'est pas chargée après le chargement de la page
* L'URL de la vidéo à lire par l'adresse vidéo SRC, il est recommandé d'utiliser l'adresse absolue.
La valeur de pixel de largeur définit la largeur du lecteur vidéo.
Comment rédiger des balises vidéo compatibles?
Étant donné que les anciens navigateurs et Internet Explorer ne prennent pas en charge les éléments <video>, nous devons trouver une solution pour ces navigateurs qui prend en charge les fichiers flash. Malheureusement, comme l'audio HTML 5, les formats de fichiers impliqués dans les vidéos ne sont pas pris en charge dans Firefox et Safari / Chrome. Donc, si vous souhaitez utiliser des vidéos HTML 5 pour le moment, vous devez créer trois versions vidéo. Ogg, mp4, flv / swf
<contrôles vidéo>
<! - Firefox COMPOLANT ->
<source src = "http://www.vevb.com/ film.ogg" type = "vidéo / ogg" />
<! - Compatible avec Safari / Chrome ->
<source src = "http://www.vevb.com/ film.mp4" type = "vidéo / mp4" />
<! - Si le navigateur ne prend pas en charge la balise vidéo, utilisez Flash ->
<embed src = "http://www.vevb.com/ film.swf" type = "application / x-shockwave-flash"
width = "320" permets à drignatccess = "Always" allatfullScreen = "true"> </embed>
</ vidéo>