Video dalam HTML5 boleh diregangkan Anda hanya perlu menggunakan gaya dan atribut "object-fit" untuk menetapkan lebar dan tinggi elemen video. muat: isi; lebar: nilai tinggi: ">".
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi HTML5, komputer Dell G3.
Bolehkah video dalam html5 dipanjangkan?
Video dalam html5 boleh dipanjangkan.
Jika anda ingin mencapai regangan video, anda perlu menggunakan atribut gaya dan atribut muat objek. Atribut gaya
digunakan untuk menetapkan gaya elemen dan atribut muat objek digunakan untuk menentukan cara kandungan elemen harus menyesuaikan diri dengan ketinggian dan lebar bekas yang ditentukan.
Apabila nilai atribut muat objek diisi, perkadaran asal tidak dijamin dan kandungan diregangkan untuk mengisi keseluruhan bekas kandungan.
Kemudian anda boleh menggunakan atribut lebar dan ketinggian untuk menetapkan lebar dan tinggi elemen.
Contohnya adalah seperti berikut:
<html> <body> <video src="/i/movie.ogg" controls="controls" style="object-fit:fill;width:400px;height:120px;"> your browser does not support the video tag </video> </body> </html>
Hasil keluaran:
Tutorial yang disyorkan: "tutorial video html"
Atas ialah kandungan terperinci Bolehkah video diregangkan dalam html5?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
