Maison > interface Web > tutoriel HTML > le corps du texte

Comment ajouter une vidéo à l'arrière-plan d'un site Web en HTML 5 ?

王林
Libérer: 2023-09-06 09:17:02
avant
1674 Les gens l'ont consulté

我怎样在HTML 5中将视频添加到网站背景?

Ajoutez un bouton pour lire ou mettre en pause la vidéo. Nous définissons ensuite la hauteur et la largeur de la vidéo à cent pour cent pour couvrir tout l'arrière-plan.

Voici l'extrait de code pour définir une vidéo comme arrière-plan d'un site Web en HTML5.

<video autoplay muted loop id = "myVideo">
   <source src = "demo.mp4" type = "video/mp4">
   Your browser does not support HTML5 video.
</video>
Copier après la connexion

Ce qui suit est la vidéo en pause −

function display() {
   if (video.paused) {
      video.play();
      btn.innerHTML = "Pause the video!";
   } else {
      video.pause();
      btn.innerHTML = "Play";
   }
}
Copier après la connexion

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!

source:tutorialspoint.com
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal