Menampilkan Thumbnail Image Youtube Menggunakan URL

0 46

Thumbnail image digunakan untuk melihat pratinjau media dalam situs. Dengan menampilkan thumbnail, kita dapat memiliki pintasan atau tampilan cepat untuk melihat lebih banyak data tanpa navigasi. Situs web menggunakan thumbnail untuk menampilkan konten dalam format galeri. Misalnya, toko online yang menampilkan galeri produk mereka dengan thumbnail. Situs web berita menampilkan thumbnail video untuk melihat sekilas video.

Inilah cara membuat URL thumbnail dari URL video YouTube menggunakan PHP. URL video diberikan sebagai input yang diposting melalui form HTML. Di PHP, id unik video diekstraksi dan digunakan untuk membentuk source thumbnail gambar. Jika kamu ingin menampilkan gambar thumbnail di galeri untuk video YouTube favorit kamu, kamu dapat menggunakan contoh ini untuk mendapatkan URL source thumbnail.

Mendapatkan URL Video menggunakan Form HTML

Kode HTML ini digunakan untuk menampilkan form HTML dengan opsi input untuk memungkinkan pengguna memasukkan URL video YouTube. Setelah mengirimkan form, URL input diproses dalam file PHP untuk menampilkan gambar thumbnail.

<h2>Menampilkan Thumbnail Image Youtube Menggunakan URL</h2>

<div class="frm-video-image-thumbnail">
    <form method="post" action="">
        <input class="input-field" type="text" name="url"
            placeholder="Enter URL"><br /> <br /> <input
            class="btn-submit" type="submit" name="submit"
            value="Submit">
    </form>
    <div class="thumbnail">
        <?php
if (! empty($videoId)) {
    ?>
        <h3 class="thumb-head">Thumbnail Image:</h3>
        <img
            src="https://img.youtube.com/vi/<?php echo $videoId; ?>/hqdefault.jpg"
            width="250" />
        <?php
}
?>
    </div>
</div>

Buat Source Thumbnail Video menggunakan Kode PHP

Kode PHP ini membaca URL video yang diposting melalui form HTML. Mengekstrak id unik dari video menggunakan PHP explode (). Kemudian ia membuat URL source thumbnail dengan menggunakan id unik video. source URL ini digunakan untuk menampilkan pratinjau video menggunakan thumbnail.

<?php
if (isset($_POST['submit'])) {
    $url = $_POST['url'];
    $value = explode("v=", $url);
    $videoId = $value[1];
}
?>

Screenshot Thumbnail dari URL Video YouTube

Screenshot ini menunjukkan output gambar thumbnail yang dibuat dengan menggunakan URL YouTube yang diberikan.

Get real time updates directly on you device, subscribe now.

Leave A Reply

Your email address will not be published.