Rumah > Artikel > hujung hadapan web > Menggunakan CSS untuk melaksanakan kemahiran tutorial html5 kes video elastik_html5
Semasa saya mengekodkan Elemin Theme (tapak responsif yang saya reka baru-baru ini), langkau bingkai yang saya temui ialah cara menjadikan video terbenam lebih fleksibel dalam perubahan saiz. Menggunakan max-width:100% dan height:auto boleh menjadikan teg video HTML5 berfungsi dengan baik, tetapi penyelesaian ini tidak berfungsi untuk kod sebaris teg iframe atau objek. Selepas berjam-jam mencari dan mencuba, akhirnya saya menemui penyelesaiannya. Helah css ini berguna apabila anda melakukan reka bentuk responsif.
Teg video html5 yang fleksibel
Menggunakan video html5, anda boleh menjadikannya fleksibel dengan menetapkan lebar maksimum:100%. Dalam pengenalan sebelumnya, telah disebutkan bahawa ia tidak sesuai untuk kod terbenam dalam iframe dan objek yang biasa digunakan.