Certaines précautions et méthodes de code pour lire des vidéos via des appels HTML5

Auteur：Eve Cole Date de mise à jour：2025-04-01 05:48:01

Dans cette astuce rapide sur la vidéo, nous explorerons comment utiliser les balises vidéo HTML5 dans votre projet. Étant donné que les anciens navigateurs et Internet Explorer ne prennent pas en charge l'élément <video>, nous devons trouver une solution pour ces navigateurs qui prend en charge les fichiers flash.

Voici quelques précautions et méthodes de code pour lire des vidéos liées aux appels HTML5 liés à la lecture vidéo HTML5. Le contenu est un tutoriel soigneusement sélectionné et compilé par ce site Web. J'espère que cela sera utile aux internautes. Ce qui suit est le contenu détaillé:

Malheureusement, comme HTML5 Audio, les formats de fichiers impliqués dans les vidéos ne sont pas pris en charge de la même manière que Firefox et Safari / Chrome. Donc, si vous souhaitez utiliser des vidéos HTML5 pour le moment, vous devez créer trois versions vidéo.

.Ogg

Firefox soutient bien ce format. Vous pouvez utiliser VLC (Media-> Stream / Save) pour réaliser une conversion facile des vidéos.

.Mp4

De nombreux outils d'enregistrement d'écran prennent en charge l'exportation automatique des formats MP4, que vous pouvez utiliser pour générer des vidéos dans un format spécifié pour les navigateurs Safari et Chrome.

.Flv / .swf

Tous les navigateurs ne prennent pas en charge les vidéos HTML5, bien sûr, assurez-vous d'ajouter une deuxième meilleure version de Flash, en tenant compte de la compatibilité.

 <! Doctype html> <html Lang = en> <adread> <meta http-equiv = contenu tent contenu = text / html; Charset = UTF-8> <Title> Untitled </ title> </ head> <body> <Video Controls width = 500> <! - If Firefox -> <source src = video.ogg type = video / ogg /> <! - Si safari / chrome -> <source src = video.mp4 Type = Video / Mp4 /> <! - Si l'élément de navigation ne comprend pas le <filof. Vous pouvez également écrire quelque chose comme utiliser un meilleur navigateur! Si vous vous sentez méchant. (Mieux vaut utiliser un fichier flash.) -> <embed src = http: //blip.tv/play/gcmvgcmbaga%2em4v type = application / x-shockwave-flash width = 1024 height = 798 permetscriptAccess = always pertefullscreen = true> </embed> </dide> </porce> </html>

Paramètres facultatifs pour certains éléments <video>:

Contrôles: valeur booléenne, affichez le bouton play / stop;

Affiche: L'URL de l'image affichée avant la lecture de la vidéo;

AutoPlay: valeur booléenne, la vidéo sera automatiquement lue après le chargement de la page;

Largeur: la largeur requise pour la vidéo. Par défaut, le navigateur détectera automatiquement la taille de la vidéo fournie;

Hauteur: la hauteur requise pour la vidéo;

SRC: le chemin du fichier vidéo, en utilisant l'élément enfant <Source> pour obtenir mieux.

Notes sur les vidéos HTML5

1. Trois formats vidéo doivent être créés pour obtenir un support pour Firefox, Safari / Chrome et IE;

2. N'omettez aucun format. HTML5 ne peut pas être compatible avec Firefox et Safari comme vous le pensez. Safari peut interpréter la balise <video> et prévoit de charger le fichier approprié. Si un certain format est omis, cela entraînera un blanc du joueur;

3. N'oubliez pas que l'affichage plein écran n'est pas pris en charge par Safari et Chrome. Cependant, dans Firefox 3.6, vous pouvez parcourir en plein écran.

4. Vous devez comprendre la raison pour laquelle IE charge les fichiers flash car IE ne peut pas interpréter l'élément <video>. Cependant, si le navigateur le prend en charge, vous vous attendez à charger le fichier approprié.

English Original: Astuce rapide: vidéo HTML5 avec une seigneulle à Flash Nettus +

Le contenu sur certaines précautions et méthodes de code pour lire des vidéos via des appels HTML5 est ici. Vous pouvez mettre en signet cette page URL http://www.vevb.com/web/a/2018090561468.shtml pour un accès facile la prochaine fois.