Rumah > hujung hadapan web > html tutorial > Bagaimanakah saya boleh menambah video pada latar belakang tapak web dalam HTML 5?

Bagaimanakah saya boleh menambah video pada latar belakang tapak web dalam HTML 5?

王林
Lepaskan: 2023-09-06 09:17:02
ke hadapan
1719 orang telah melayarinya

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

Tambah butang untuk memainkan atau menjeda video. Kami kemudian menetapkan ketinggian dan lebar video kepada seratus peratus untuk menutup keseluruhan latar belakang.

Berikut ialah coretan kod untuk menetapkan video sebagai latar belakang tapak web dalam HTML5.

<video autoplay muted loop id = "myVideo">
   <source src = "demo.mp4" type = "video/mp4">
   Your browser does not support HTML5 video.
</video>
Salin selepas log masuk

Berikut ialah video yang dijeda −

function display() {
   if (video.paused) {
      video.play();
      btn.innerHTML = "Pause the video!";
   } else {
      video.pause();
      btn.innerHTML = "Play";
   }
}
Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimanakah saya boleh menambah video pada latar belakang tapak web dalam HTML 5?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:tutorialspoint.com
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan