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

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
1761 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!

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