Aujourd'hui, un ami m'a demandé : Pourquoi la vidéo MP4 que j'ai enregistrée peut-elle être lue localement mais ne peut pas être lue normalement en utilisant la balise de lecture vidéo multimédia de html5, avec seulement une barre de progression et aucune image affichée ? À cette époque, j'étais également curieux de savoir si les vidéos MP4 pouvaient être lues à l'aide de la balise vidéo. Après tout, nous sommes de bons amis, alors je suis allé vérifier moi-même le problème et j'en suis arrivé à la conclusion que c'était le cas. en fait, un problème d'encodage vidéo. Bien que le format soit tous MP4, mais HTML ne prend en charge que le format d'encodage H.264, je n'ai donc pas d'autre choix que de reconvertir l'encodage.
Afin d'éviter que tout le monde ne rencontre le même problème, je vais vous donner quelques connaissances sur HTML5 à propos de la balise <video> :
<video> apparaît. laissez les fichiers multimédias peuvent être lus facilement sur les pages Web.
La lecture d'une vidéo en html ne nécessite qu'une seule balise :
Bien qu'il y ait beaucoup moins de code, les fonctions sont très solides. C'est l'une des points forts de la barre html5 !
À propos des formats vidéo et des encodages pris en charge par la balise <video> :
MP4 = Fichier MPEG 4 utilisant le codec vidéo H264 et AACAudio Codecs
WebM = Les fichiers WebM utilisent le codec vidéo VP8 et le codec audio Vorbis
Ogg = Les fichiers Ogg utilisent le codec vidéo Theora et le codec audio Vorbis
Grâce aux informations ci-dessus, nous constaterons qu'il n'y a que des vidéos MP4 encodées en h264 (société MPEG-LA), des vidéos au format webm encodées en VP8 (société Google) et des vidéos au format ogg encodées par Theora. (développement iTouch) peut prendre en charge la balise html5 <video>
Que faire si le navigateur ne prend pas en charge la balise vidéo ?
Par exemple, le navigateur IE et les anciennes versions des navigateurs ne prennent pas très bien en charge HTML5. Que devons-nous faire lorsque les utilisateurs utilisent ces navigateurs pour ouvrir nos pages Web avec des vidéos ?
Nous pouvons écrire le code comme ceci :
De cette façon, dans un navigateur qui ne prend pas en charge HTML5, le message "Votre navigateur ne prend pas en charge la lecture de cette vidéo !" !
Explication des paramètres étendus de la balise vidéo :
L'élément vidéo autorise plusieurs éléments sources. L'élément source peut lier différents fichiers vidéo. Le navigateur utilisera le premier format reconnu, il nous suffira donc de préparer quelques vidéos supplémentaires dans différents formats.
Utilisation :
"movie.ogg" type="vidéo/ ogg">
"movie.mp4" type="video/mp4">
Votre navigateur ne prend pas en charge ce format vidéo.
autoplay : La présence de cet attribut signifie que la vidéo sera automatiquement lue lorsqu'elle sera prête. Utilisation : autoplay="autoplay"
controls : L'occurrence de cet attribut signifie que les
preload : la vidéo est chargée lorsque la page est chargée. Et préparez-vous à la lecture, utilisation : preload="auto" - chargez la vidéo entière lorsque la page est chargée ; preload="meta" - chargez les métadonnées uniquement après le chargement de la page ; none" - ne charge pas lorsque la page est chargée vidéo. < Je vais présenter la balise vidéo> Je pense que tout le monde a déjà une compréhension approfondie de cette balise !
【Recommandations associées】
1.
Tutoriel vidéo gratuit html/css
2
Vous apprendre à utiliser l'audio et la vidéo HTML5.
3.
Vous apprendre à améliorer la compatibilité des balises vidéo dans H5 dans les navigateurs
4 Expliquez en détail les normes d'affichage des vidéos. en HTML5
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Comment envoyer des pages Web sur le bureau sous forme de raccourci dans le navigateur Edge ? Beaucoup de nos utilisateurs souhaitent afficher les pages Web fréquemment utilisées sur le bureau sous forme de raccourcis pour faciliter l'ouverture directe des pages d'accès, mais ils ne savent pas comment procéder. En réponse à ce problème, l'éditeur de ce numéro partagera le. solution avec la majorité des utilisateurs, jetons un coup d’œil au contenu partagé dans le didacticiel du logiciel d’aujourd’hui. La méthode de raccourci pour envoyer des pages Web au bureau dans le navigateur Edge : 1. Ouvrez le logiciel et cliquez sur le bouton "..." sur la page. 2. Sélectionnez « Installer ce site en tant qu'application » dans « Application » dans l'option du menu déroulant. 3. Enfin, cliquez dessus dans la fenêtre pop-up
Utiliser JavaScript pour développer un système de vote en ligne Résumé : Avec le développement rapide d'Internet, le vote en ligne est devenu un moyen pratique et rapide de recueillir l'opinion publique et de prendre des décisions. Cet article présentera l'utilisation de JavaScript pour développer un système de vote Web simple, qui permet aux utilisateurs de sélectionner des options et de soumettre des votes. Introduction : Un système de vote Web est un programme qui affiche plusieurs options sur une page Web et permet aux utilisateurs de choisir. Il peut être utilisé dans de nombreux scénarios, tels que le vote électoral, les enquêtes sur les produits, la collecte d'opinions, etc. Cet article
Les solutions aux pages Web inaccessibles incluent la vérification de la connexion réseau, la suppression du cache du navigateur, la vérification de l'adresse de la page Web, la tentative d'utilisation d'autres navigateurs, la vérification de l'état du serveur, la vérification de la résolution du nom de domaine, la vérification du pare-feu et des paramètres de sécurité et le contact avec l'administrateur du site Web. . Introduction détaillée : 1. Vérifiez la connexion réseau pour vous assurer que la connexion réseau est normale. Vous pouvez essayer d'ouvrir d'autres pages Web ou d'utiliser d'autres appareils pour y accéder afin de déterminer s'il s'agit d'un problème de connexion réseau si d'autres pages Web sont accessibles normalement. , il peut s'agir d'un problème avec la page Web ; 2. Videz le cache du navigateur. Le cache du navigateur peut empêcher le chargement de la page Web, etc.
Le navigateur ne peut pas ouvrir la page Web mais le réseau fonctionne normalement. Il existe de nombreuses raisons possibles. Lorsque ce problème survient, nous devons enquêter étape par étape pour déterminer la cause spécifique et résoudre le problème. Tout d’abord, déterminez si la page Web ne peut pas être ouverte est limitée à un navigateur spécifique ou si tous les navigateurs ne peuvent pas ouvrir la page Web. Si un seul navigateur ne parvient pas à ouvrir la page Web, vous pouvez essayer d'utiliser d'autres navigateurs, tels que Google Chrome, Firefox, etc., à des fins de test. Si d'autres navigateurs parviennent à ouvrir la page correctement, le problème vient probablement de ce navigateur spécifique, peut-être
Pour paramétrer le rafraîchissement automatique d'une page web, vous pouvez utiliser la balise HTML "meta", la fonction JavaScript "setTimeout", la fonction "setInterval" ou encore l'en-tête HTTP "Refresh". Introduction détaillée : 1. Utilisez la balise "meta" du HTML Dans la balise "<head>" du document HTML, vous pouvez utiliser la balise "meta" pour définir l'actualisation automatique de la page Web. 2. Le "setTimeout" ; " fonction de JavaScript, etc.
Comment résoudre le problème des pages Web qui ne s'ouvrent pas Avec le développement rapide d'Internet, les gens comptent de plus en plus sur Internet pour obtenir des informations, communiquer et se divertir. Cependant, nous rencontrons parfois le problème que la page Web ne peut pas être ouverte, ce qui nous pose beaucoup de problèmes. Cet article vous présentera quelques méthodes courantes pour vous aider à résoudre le problème des pages Web qui ne s'ouvrent pas. Tout d’abord, nous devons déterminer pourquoi la page Web ne peut pas être ouverte. Les raisons possibles incluent des problèmes de réseau, des problèmes de serveur, des problèmes de paramètres du navigateur, etc. Voici quelques solutions : Vérifiez la connexion réseau : Tout d'abord, nous avons besoin
Certains internautes ont constaté que lorsqu'ils ouvraient la page Web du navigateur, les images de la page Web ne pouvaient pas être chargées pendant une longue période. Que s'est-il passé ? J'ai vérifié que le réseau est normal, alors quel est le problème ? L'éditeur ci-dessous vous présentera six solutions au problème de l'impossibilité de charger les images de pages Web. Les images de la page Web ne peuvent pas être chargées : 1. Problème de vitesse Internet La page Web ne peut pas afficher les images. Cela peut être dû au fait que la vitesse Internet de l'ordinateur est relativement lente et qu'il y a davantage de logiciels ouverts sur l'ordinateur et que les images auxquelles nous accédons sont relativement volumineuses. peut être dû à un délai de chargement. Par conséquent, l'image ne peut pas être affichée. Vous pouvez désactiver le logiciel qui utilise la vitesse du réseau et le vérifier dans le gestionnaire de tâches. 2. Trop de visiteurs Si la page Web ne peut pas afficher d'images, c'est peut-être parce que les pages Web que nous avons visitées ont été visitées en même temps.
Mar 22, 2024 pm 03:20 PM
L'exécution de code PHP dans une page Web nécessite de s'assurer que le serveur Web prend en charge PHP et est correctement configuré. PHP peut être ouvert de trois manières :
* **Environnement du serveur :** Placez le fichier PHP dans le répertoire racine du serveur et accédez-y via le navigateur.
* **Environnement de développement intégré : **Placez les fichiers PHP dans le répertoire racine Web spécifié et accédez-y via le navigateur.
* **Serveur distant :** Accédez aux fichiers PHP hébergés sur un serveur distant via l'adresse URL fournie par le serveur.
interface Web
Comment envoyer des pages Web sur le bureau comme raccourci dans le navigateur Edge ?
Mar 14, 2024 pm 05:22 PM
Développer un système de vote Web en utilisant JavaScript
Aug 09, 2023 pm 01:30 PM
Que faire si la page Web n'est pas accessible
Sep 06, 2023 am 09:36 AM
Raisons possibles pour lesquelles la connexion réseau est normale mais le navigateur ne peut pas accéder à la page Web
Feb 19, 2024 pm 03:45 PM
Comment configurer l'actualisation automatique d'une page Web
Oct 26, 2023 am 10:52 AM
Que faire si la page Web ne peut pas être ouverte
Feb 21, 2024 am 10:24 AM
Que dois-je faire si les images de la page Web ne peuvent pas être chargées ? 6 solutions
Mar 15, 2024 am 10:30 AM
Mar 22, 2024 pm 03:20 PM
