Rumah > Artikel > hujung hadapan web > Apa yang perlu dilakukan jika main balik html5 youtube gagal
Penyelesaian kepada kegagalan main balik HTML5 YouTube: 1. Buka YouTube, cari video dan klik Kongsi di sudut kanan bawah video 2. Pilih Benamkan 3. Alih keluar lebar dan tinggi dalam teg iframe ; 4. Tambahkan pada iframe Unsur induk, cuma tetapkan peratusan yang membolehkan video mengisi skrin.
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi HTML5, komputer DELL G3
Apakah yang perlu saya lakukan jika YouTube main balik html5 gagal?
HTML memasukkan video YouTube
Anda perlu memasukkan video YouTube ke dalam halaman web dan ia tidak akan dimainkan jika anda menggunakan teg 39000f942b2545a5315c57fa3276f220 ketahui bahawa 39000f942b2545a5315c57fa3276f220 hanya disokong fail Video seperti mp4 dan ogg.
Kaedah:
Buka YouTube, cari video dan klik Kongsi di penjuru kanan sebelah bawah video .
Pilih untuk membenamkan, anda akan mendapat kod seperti berikut:
<iframe width="560" height="315" src="https://www.youtube.com/embed" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
Ini ialah Rentetan kandungan tag iframe, tetapi kod tersebut diletakkan terus dalam fail halaman dan tidak boleh dinyahpepijat serta disesuaikan dengan baik.
Kerana lebar dan tinggi adalah tetap dan tidak boleh dilaraskan.
Penyelesaian:
Alih keluar lebar dan tinggi dalam tag iframe, supaya video yang diperoleh secara langsung dimampatkan . Jadi untuk menambah elemen induk untuk iframe
<div class="youtube"> <iframe width="100%" class="elementor-video-iframe" src="https://www.youtube.com/embed" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen> </iframe></div>
teg iframe ditetapkan kepada kedudukan mutlak, lebar dan tinggi ditetapkan kepada 100% dan elemen induk diletakkan secara relatif, melalui padding-bottom:%, tetapkan Peratusan yang membolehkan video memenuhi skrin (boleh dilaraskan sendiri)
.youtube{padding-bottom: 57%;position: relative;}.elementor-video-iframe{max-width: 100%;width: 100%;border: none;position: absolute;height: 100%;}
Dengan cara ini, anda boleh mendapatkan video penyesuaian, dan anda juga boleh menambah gaya css sendiri.
Pembelajaran yang disyorkan: "Tutorial Video HTML"
Atas ialah kandungan terperinci Apa yang perlu dilakukan jika main balik html5 youtube gagal. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!