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

---

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!