Bagaimana cara membungkus video tertanam dengan tag DIV di dalam konten?


9

Saya membuat Tema Wordpress untuk situs web dengan tutorial video. Saya ingin meletakkan video yang tertanam dalam konten (dengan oEmbed ) dalam div terpisah.

Sebuah contoh

Konten lengkap (keluaran dari the_content()) kira-kira seperti ini:

<p><iframe src="http://player.vimeo.com/video/0000000" width="900" height="506" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></p>
<p>This is an Test of a tutorial. Bla bla bla</p>

Dan saya ingin ini:

<div id="video">
<iframe src="http://player.vimeo.com/video/0000000" width="900" height="506" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
</div>
<div id="content">
<p>This is an Test of a tutorial. Bla bla bla</p>
</div>

Saya sudah mencoba membaginya melalui regex, tetapi itu menjadi berantakan.

Jawaban:


16

The embed_oembed_htmlberjalan filter sebelum HTML sebuah oEmbed sumber daya ini dikeluarkan, sehingga Anda bisa menghubungkan ke ini dan bungkus output dalam divseperti di bawah ini. Saya tidak bisa memikirkan cara sederhana untuk membungkus konten lainnya.

add_filter('embed_oembed_html', 'my_embed_oembed_html', 99, 4);
function my_embed_oembed_html($html, $url, $attr, $post_id) {
  return '<div id="video">' . $html . '</div>';
}

-3

Jika Anda mencoba menggunakan oEmbed di templat tema Wordpress Anda, coba ini:

<aside>
    <p>oEmbed video in template test</p>
    <?php echo apply_filters('the_content', "http://vimeo.com/41205967"); ?>
</aside>

Cuplikan ini akan menampilkan video dari Vimeo.com langsung di tema Anda, tanpa harus membuat posting secara manual.


Video tertanam dalam posting. Itu masalahnya.
Hubungan
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.