Notification texts go here Contact Us Buy Now!
Beranda
Dokumentasi

Cara Embed Video Youtube

1 min read
Untuk memasang iframe video youtube, pada template ini, bisa dengan menggunakan dua cara : 
  1. Menggunakan Lazzy Load 
  2. Menggunakan Dever Youtube Video

Menggunakan Lazzy Load

Untuk penggunaan lazzy load, pasang syntax ini : 
<div class='lazyYt' data-embed='QTekyeaueQw' style='z-index: 1;'>
  <div class='play'>
    <svg viewbox='0 0 213.7 213.7'><polygon class='t' points='73.5,62.5 148.5,105.8 73.5,149.1'></polygon><circle class='c' cx='106.8' cy='106.8' r='103.3'></circle></svg>
  </div>
</div>

Menggunakan Dever Video

<div class='videoYt'>
  <!-- Choose your video ID -->
  <iframe title='Lazy video iframe' class='lazy' data-src='//www.youtube.com/embed/AFXoJATyboQ' allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture' allowfullscreen></iframe>
</div>
yang dicetak tebal silahkan ganti dengan ID video youtube yang kalian miliki.

Untuk ID youtube Video berada pada belakang baris URL video, contoh : link video youtube https://www.youtube.com/watch?v=AFXoJATyboQ,
maka yg dicetak tebal adalah ID video. Untuk DEMO bisa KLIK DISINI

Anda mungkin menyukai postingan ini

  • Penggunaan Thumbnail Hanya di Homepage
    Untuk pemasangan thumbnail hanya pada homepage (tidak ditampilkan pada halaman posting) bisa mengikuti syntax berikut ini. <noscript><img alt="AG Excel"…
  • Pasang Download Button
    Terdapat 4 jenis button yang dapat dipasang pada laman statis ataupun postingan blog, diantaranya :Download CardDefault ButtonOutline ButtonButton With SVG IconExternal Linkberik…
  • Memasang Table
    Langkah memasang tabel pada postingan blog dapat mengikuti langkah berikut ini. Membuat tag div pembuka dan penutup <div class='table w100'> Kode tabel …
  • Penerapan Tab dalam Postingan
    Untuk Contoh penggunaan tabs dalam postingan bisa dilihat pada postingan sebelumnya disini Penerapan syntaxnya sebagai berikut : <!--[ Active function ]--> <input…
  • Penerapan Table of Content
    Pemasangan Table of Content hanya menambahkan tag  <h2> Sub Judul disini </h2> Contoh seperti berikut ini : <h2>Sub Judul Satu</h2> Ini a…
  • Cara Embed Video Youtube
    Untuk memasang iframe video youtube, pada template ini, bisa dengan menggunakan dua cara : Menggunakan Lazzy Load Menggunakan Dever Youtube Video Menggunakan Lazzy Lo…