Rumah > hujung hadapan web > tutorial css > Bagaimanakah Saya Boleh Melapisi Div Lutsinar Pada iFrame YouTube?

Bagaimanakah Saya Boleh Melapisi Div Lutsinar Pada iFrame YouTube?

Linda Hamilton
Lepaskan: 2024-12-09 06:55:12
asal
735 orang telah melayarinya

How Can I Overlay a Transparent Div Over a YouTube iFrame?

Tindihan Div Lutsinar ke atas YouTube iFrame

Semasa membenamkan video YouTube menggunakan iFrames menawarkan kelebihan keserasian, ia menimbulkan cabaran unik apabila cuba menindan div telus pada video. Untuk menyelesaikan isu ini, anda boleh memanfaatkan parameter GET "wmode" yang disediakan oleh YouTube.

Penyelesaian:

  1. Ubah suai URL benam YouTube dengan menambahkan parameter "?wmode=opaque" ke hujung URL. Ini memastikan bahawa video dipaparkan dalam mod "legap".
  2. Dalam teg iframe, kemas kini atribut "src" untuk memasukkan URL yang diubah suai:
<iframe class="youtube-player" type="text/html" width="520" height="330" src="http://www.youtube.com/embed/NWHfY_lvKIQ?wmode=opaque" frameborder="0"></iframe>
Salin selepas log masuk
  1. Letakkan dan gayakan div tindanan dengan sewajarnya, menggunakan sifat seperti "kedudukan", "atas", "kiri", "lebar", "tinggi", "latar belakang", dan "opacity".

Setelah pengubahsuaian ini dilaksanakan, div tindanan akan muncul dengan betul pada video YouTube yang legap.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Melapisi Div Lutsinar Pada iFrame YouTube?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan