Online Web Tutorial

Youtube Iframe dengan JQuery

Youtube adalah platform berbagi video terbesar saat ini. Kemudahan membagikan video dan kecepatan memutar video-nya merupakan salah satu yang tercepat sebagai platform video. Tak heran banyak orang yang mau membagikan video kegiatan pribadi-nya disini (Vlogger) atau bahkan mencari pundi-pundi rejeki melalui program monetize Adsense Youtube.

Untuk WapBlog.ID, Iframe memang telah diblokir sejak beberapa tahun silam. Namun pemblokiran hanya bersifat Server-Side dimana kamu juga tetap bisa membagikan Iframe dari youtube atau platform lain melalui JQuery (Sebagian besar tema di Store mendukung JQuery).

Berikut code:

<script>$(document).ready(function(){
  $('.yt-embed').each(function(i){
    var ___eXa = $(this).attr('id'), ___d = '', var ___eXb = '
<i'+___d+'frame width="560" height="315" src="https://www.youtube.com/embed/'+___eXa+'" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>';
    $('#'+__eXa).html(___eXb);
  });
});</script>

Code diatas pasang tepat dibawah library JQuery. Lalu untuk posting bisa dengan membuat html ini
<span class="yt-embed" id="ID Youtube Disini">___</span>

Berikut Cuplikannya: