Comment insérer une vidéo en HTML
Un site internet sur Internet est un moyen de promouvoirune sorte de service ou de chose. Mais quelle est la ressource Web sans contenu multimédia? Pratiquement tous les sites contiennent des vidéos qui expliquent, attirent, intéressent. Par conséquent, le propriétaire de la ressource Web cherche à apprendre comment insérer la vidéo au format HTML.
Façons de créer des sites
Ainsi, les sites Web sont l’occasion de présenterinformation interactive. Comme vous le savez, les ressources Internet se composent de pages liées par des liens hypertexte. Comment créer mon propre site web?
- Utilisez la technologie des blogs. Qu'est-ce que cela signifie? Inscrivez-vous sur le site et obtenez un nom de domaine de second niveau. Grâce à cette opportunité, le propriétaire du site devient l’administration de sa ressource et accède à un panneau spécial. Avec l'aide de celui-ci, vous pouvez transformer "l'enfant" à votre goût.
- Conçu pour tirer parti des nombreux sites de designers, le type de ucoz.ru, jimdo.com, setup.ru, Wix.com, A5.ru, Fo.ru, rusedu.net et ainsi de suite. D.
- Développer une ressource Internet via CMS, c'est-à-dire un système de gestion de site.
- Concevez votre propre design du "brainchild" et recréez-le en utilisant le langage de programmation HTML.
Cependant, aujourd'hui, il est presque impossible de créer un site HTML pleinement opérationnel, mais connaissant ce langage, les mises en page de pages Web peuvent être ajustées et la structure peut être modifiée dans des modèles prêts à l'emploi.
Composants de la partie technologie Web
La technologie Web se compose des composants de base suivants:
- Des réseaux informatiques différents interagissent entre eux via le protocole TCP / IP.
- Le Web est devenu l'une des applications Internet destinées à la diffusion de masse d'une variété d'informations.
- En technologie Web, les supports de données sont des pages contenant du contenu multimédia (graphiques, vidéo, hyperliens). Vous devez donc savoir comment insérer la vidéo en HTML.
- Pour transférer des informations hypertextes, la technologie Web utilise le protocole HTTP.
- Pour concevoir et créer des pages Web, le langage HTML hypertexte est utilisé.
- Pour afficher des ressources sur Internet, vous devez utiliser le navigateur.
Méthode n ° 1: Insertion de contenu multimédia (vidéo) à l'aide de balises HTML5
Il y a plusieurs façons d'insérer des vidéoscontenu sur une page Web. Il existe trois options: insérer via HTML, player ou YouTube. Pour commencer, vous devez créer un fichier HTML5 standard contenant les styles de page et plusieurs sous-titres. Après préparation, vous pouvez choisir l'une des méthodes et profiter du résultat.
- Trouvez le troisième titre et écrivez le code directement en dessous:
- Ouvrez la page dans le navigateur et assurez-vous que la vidéo apparaît.
- Veillez à définir correctement le chemin d'accès au clip.
- Pour insérer une vidéo au format HTML, vous devez baliser le panneau de contrôle vidéo. Le paramètre de contrôles est responsable pour cela.
Il convient de noter qu'une telle méthode n'est pas perceptiblepour tous Par exemple, dans le navigateur Opera, la vidéo placée de cette manière ne sera pas lue. Pour éviter cette situation, vous devez convertir la vidéo en type Ogg Theora, modifier le code.
Vous pouvez convertir le fichier via le service online-convert.com. Ensuite, vous devez changer le code à ceci:
Si l'ancien navigateur ne comprend pas une balise, le code peut alors ressembler à ceci.
Numéro de méthode 2. Comment insérer une vidéo en HTML avec le joueur
Vous pouvez intégrer du contenu vidéo en HTML sanstout téléchargement prématuré sur le service vidéo. Vous pouvez donc utiliser le script du lecteur pour placer le film souhaité sur un site avec l'extension .mp4 ou .flv. Tout d'abord, vous devez choisir le film lui-même. Ensuite, vous devez choisir l'un des nombreux joueurs gratuits. Vous pouvez également utiliser Flowplayer.
- Vous devez télécharger les fichiers du lecteur spécifié sur l'ordinateur local.
- Décompressez-les dans un dossier spécifique sur le site en cours de création.
- Ouvrez le fichier HTML et connectez le fichier javascript du lecteur au fichier préparé. Pour ce faire, vous devez écrire un code spécial dans la balise HEAD. Important: spécifiez correctement le chemin d'accès au dossier!
- Vous devez placer le lecteur dans un fichier HTML. Ici, vous devez définir correctement le chemin d'accès aux fichiers. Il existe également des paramètres qui empêchent la vidéo de démarrer automatiquement. Si vous souhaitez que la vidéo démarre "automatiquement", suivez le chemin du fichier, supprimez la virgule, fermez la parenthèse (rond) et mettez un point-virgule.
Cette méthode est assez simple et directe pour ajouter de la vidéo au HTML. Au fait, cette option est utilisée par de nombreux programmeurs Web.
Numéro de méthode 3. Insérer une vidéo en HTML depuis Youtube
Une fois le fichier préparatoire HTML5 créé, vous pouvez commencer à insérer du contenu vidéo à partir du service YouTube.
- Pour commencer, vous devez sélectionner la vidéo qui sera sur la page. Il doit être stocké sur l'ordinateur local.
- Vous devez aller sur youtube.com. Vous devez créer votre compte ou vous connecter à un compte existant.
- Après vous être connecté à votre page sur YouTube, vous avez besoin deCliquez sur le bouton "Ajouter une vidéo", puis une fenêtre apparaîtra dans laquelle vous serez invité à sélectionner le fichier à télécharger. La vidéo sélectionnée sera téléchargée après un certain temps.
- Vous pouvez accéder au lien du fichier téléchargé, situé en haut.
- Pour obtenir le code pour insérer une vidéo, vous avez besoin decliquez sur "Partager" et "Code HTML". La page affichera le code du programme nécessaire. Vous pouvez spécifier ici de tels paramètres, tels que: mode de confidentialité, taille de la vidéo, possibilité d'afficher des entrées similaires.
- Après avoir défini les paramètres, le code est copié et collé dans le fichier HTML préparé.
- Tout est prêt. Il est maintenant clair comment insérer une vidéo en HTML à partir du service YouTube.
Ainsi, plusieurs manières d'insérer de la vidéo dans HTML ont été considérées. L'option à choisir est celle du programmeur Web ou du propriétaire du site.
