Comment intégrer un fichier vidéo MP4 dans HTML comme les professionnels

Comment intégrer un fichier vidéo MP4 dans HTML comme les professionnels

Séléna Thomas

Août 27, 2021 15: 00posté par à MP4

Aujourd'hui, tout devient de plus en plus facile sauf le travail professionnel, comme insérer une vidéo MP4 en HTML page Web. En effet, tous les navigateurs Web n'avaient pas de norme uniforme pour définir les fichiers multimédias intégrés comme la vidéo. Dans ce chapitre, nous allons démontrer deux méthodes pour ajouter des vidéos sur des pages Web, afin que tout le monde puisse créer du HTML intégré à la vidéo comme des professionnels.

Intégrer MP4 dans HTML

Partie 1 : Comment insérer MP4 en HTML

Méthode 1 : Comment intégrer MP4 dans HTML avec du code

Les pages Web utilisent des codes HTML pour créer une structure. C'est similaire à ajouter un MP4 en HTML avec intégration d'une photo. Cependant, il a besoin de plus de contrôles, tels que la lecture, la boucle, l'audio, etc. De plus, la vidéo doit zoomer et dézoomer en fonction de votre navigateur. Par conséquent, il nécessite également un document CSS externe.

HTML MP4

Étape 1

Tout d'abord, créez un document CSS et saisissez la commande ci-dessous :

.welcome_vid {
bloc de visualisation;
marge gauche: auto;
marge droite: auto;
largeur: 80%;
hauteur: auto;
}

Cela signifie ajouter le MP4 au centre du HTML et rendre la vidéo réactive. Nommez le document CSS comme style.css et placez-le dans le même répertoire que la page Web.

Étape 2

Insérez le document CSS dans la page Web en ajoutant les codes à la page Web :




Étape 3

Maintenant, insérez le MP4 en HTML avec les codes ci-dessous :



Ce navigateur n'affiche pas la balise vidéo.

remplacer chemin avec le chemin ou l'URL de votre dossier vidéo et prénom avec le nom de votre fichier MP4.

Étape 4

Enregistrez la page Web et vérifiez si la vidéo est lue sur la page Web.

Méthode 2: Comment ajouter YouTube MP4 en HTML

Le langage de commande est difficile pour les débutants et les gens moyens. Vous vous demandez peut-être si vous pouvez ajouter du MP4 en HTML sans aucune compétence technique. Les étapes ci-dessous peuvent être utiles.

Étape 1

Ouvrez le site Web YouTube dans un navigateur et connectez-vous à votre compte. Si vous n'en avez pas, créez un nouveau compte.

Étape 2

Cliquez Création avec l'icône du caméscope en haut à droite et sélectionnez Télécharger une video. Puis clique SÉLECTIONNEZ LES FICHIERS dans la boîte de dialogue contextuelle et téléchargez le MP4 que vous souhaitez insérer en HTML.

Télécharger une video

Étape 3

Suivez les instructions à l'écran pour définir la description et d'autres options. Enfin, appuyez sur le SAUVEGARDER .

Étape 4

Ensuite, ouvrez la vidéo téléchargée sur YouTube et vous verrez plusieurs options. Clique le Share icône et vous obtiendrez le panneau de partage. Allez au Intégrer onglet, copiez le lien dans la boîte et collez-le dans votre page Web. Le MP4 s'ajoutera à votre document HTML. Par défaut, vidéo intégrée dans un iframe. Vous pouvez également modifier le code, comme la taille de la vidéo et plus encore.

Panneau de partage

Remarque: YouTube ne prend en charge que la diffusion d'une vidéo jusqu'à 12 heures de moins de 128 Go. Le rapport hauteur/largeur recommandé est de 16:9.

Recommander: Meilleur convertisseur MP4

Ajouter un fichier

MP4 est un format vidéo standard pour la distribution de contenu animé via Internet. Parfois, vous avez juste des fichiers vidéo AVI, MKV ou autres sans perte. Ils offrent une meilleure qualité que MP4, mais la taille du fichier est plus importante. La meilleure solution est de convertir vos fichiers vidéo en MP4 avec Blu-ray Master Video Converter Ultime.

Principales caractéristiques du meilleur convertisseur MP4

En bref, c'est la meilleure option pour convertir vos fichiers vidéo en MP4.

Partie 2 : FAQ sur l'intégration de MP4 dans HTML

Comment transformer une vidéo en lien ?

Pour convertir une vidéo en lien URL, vous avez besoin d'un service d'hébergement. Heureusement, de nombreux services sont disponibles. YouTube, par exemple, vous permet de télécharger une vidéo et de la transformer en lien. De plus, les services cloud comme Dropbox ont également une telle capacité.

Quelle balise est utilisée pour insérer une vidéo en HTML ?

Les L'élément, qui ajoute la prise en charge native de la lecture vidéo à la spécification HTML dans HTML5, peut être utilisé pour intégrer une vidéo dans un document HTML.

Comment lire une vidéo au chargement de la page ?

Avant HTML5, pour pouvoir lire une vidéo sur une page Web, vous auriez besoin du plugin Adobe Flash Player. Avec l'introduction de HTML5, vous pouvez désormais placer des vidéos directement dans la page elle-même.

Conclusion

Ce guide vous a expliqué deux manières simples d'insérer du MP4 en HTML, afin que vous puissiez publier des vidéos sur votre page Web. Pour les débutants, vous pouvez utiliser YouTube comme hôte et créer un lien vidéo. Cependant, les codes HTML vous donnent plus de contrôle sur la lecture vidéo. Si vous rencontrez d'autres problèmes, n'hésitez pas à laisser un message sous ce post.

Que pensez-vous de cette publication?

Excellent

Évaluation: 4.9 / 5 (180 Votes)

Plus lecture

Comment convertir DAV en MP4 - 3 méthodes pratiques pour convertir des fichiers CCTV DAV

Qu'est-ce qu'un fichier DAV ? Lorsque vous avez enregistré des vidéos en DAV, comment convertir DAV en MP4 ? Apprenez-en plus sur les 3 méthodes réalisables dans l'article.

2 meilleures façons de convertir M4A en MP4 sur Windows et Mac

Lorsque vous souhaitez convertir iTunes M4A en un téléphone Android ou d'autres appareils, vous pouvez obtenir 2 moyens efficaces et simples de convertir M4A en MP4 à partir de l'article.

Comment convertir un fichier WLMP en MP4

Vous n'avez pas réussi à ouvrir un fichier WLMP sur votre ordinateur ? Le fait est qu'aucun lecteur multimédia ne peut le lire. Vous devez convertir le WLMP en MP4. Cet article vous donnera 3 façons de convertir WLMP en MP4.

Comment convertir un fichier WLMP en MP4

Vous n'avez pas réussi à ouvrir un fichier WLMP sur votre ordinateur ? Le fait est qu'aucun lecteur multimédia ne peut le lire. Vous devez convertir le WLMP en MP4. Cet article vous donnera 3 façons de convertir WLMP en MP4.

MP4

Qu'est-ce que MP4 Extraire les sous-titres de MP4 Éditeur de métadonnées MP4 MOV contre MP4 Compresser le fichier MP4 MP4 Cutter Recadrer MP4