Email: djangkarubumi@yahoo.com

Pengen Video Youtube Responsive? Tambahkan Kode ini, Beres Dah!


Wah semakin kemari, konten video semakin melejit. Terus mengalami kejayaan. Ya akibatnya konten artikel atau pun konten gambar/photo semakin sepi peminatnya. Apalagi dengan adanya aplikasi kecerdasan manusia, entah itu chat GPT, Gemini bawaan Google mau pun Meta AI yang tersemat di aplikasi wahtsapp. Aduh, sepertinya kiamat buat konten artikel semakin nyata.

Ah ngapain capek-capek browser konten artikel di mesin penelusuran Google, langsung ketik maupun ngomong di aplikasi chat GPT. Kita akan mendapatkan informasi yang diharapkan. Bahkan kita bisa mendapatkan konten artikel yang lumayan panjang. Ah mirip karangan gitu dah. Dunia semakin canggih ya?

Ya kita tidak ada salahnya mengikuti perkemabangan jaman, atau mengikuti keinginan pangsa pasar. Jika saat ini yang booming konten video, ya kita ikuti. Karena konten video youtube masih menduduki rajanya, ya mau tidak mau harus punya channel youtube. Karena youtube kini juga menjadi mesin penelusuran. Sudah punya channel youtube?

Terus bagaimana caranya video youtube bisa tampil responsive?

  • Pilih tema, pada (costum diubah) klik sesuaikan dan pilih Edit HTML.
  • Kemudian cari kode </body>, kemudian letakan kode dibawah ini diatas kode </body>
<script> //<![CDATA[
/* Youtube Responsive */
window.onload = function djbYtube() {
  var youtube = $('iframe[src*="youtube.com"]');
  youtube.each(function() {
    $(this).attr('aspectRatio', this.height / this.width).attr('style', 'width:100%');
  });
  $(window).resize(function() {
    youtube.each(function() {
      $(this).attr('height', $(this).width() * $(this).attr('aspectRatio'));
    });
  }).resize();
};
//]]> </script>
  • Kemudian klik simpan
  • Nah saat ingin menyematkan video pada atikel bagaimana caranya?
  • Pilih video Youtube yang ingin dishare pada artikel
  • Pada pilihan bagikan klik saja, terus pilih sematkan, klik pada bagian salin
  • Kemudian paste kode tersebut pada artikel, et tapi sebelumnya pilih Tampilan HTML ya
  • Baru deh lihat hasilnya. Video Youtube akan tampil responsive

Bagaimana mudah bukan caranya? Hanya tinggal nambahin kode, beres dah. Kini konten artikel bisa menjadi sarana promosi konten video. Oh iya, kode tersebut bisa disematkan dibawah kode <body>. Silakan pilih yang mana. Kalau saya pilih diatas kode </body>, karena mudah ditemukan, posisinya paling bawah kode HTML tema template.

Ayo buruan buat channel youtube, gratis kok. Dan caranya mudah kok. Ngonten video cukup menggunakan kamera handphone kok. Aplikasi buat edit videonya pakai apa? Wow banyak pilihannya juga kok, yang populer aplikasi Kinemaster atau Cup Cut. Alaaah, jadi banyak kata kok kok kok nya hehehe. Eits, jangan lupa subscribe channel saya ya? Alaaah, jadi promosi! Ya namanya ikhtiar, tidak ada salahnya hehehee

Berita Terkait

4 komentar:

  1. Gimana nasib blogger ke depan ya mas

    BalasHapus
    Balasan
    1. Akan semakin sepi pendapatan. Iklan semakin sepi juga

      Hapus
  2. Responsif di sini maksudnya ukuran tampilan video menyesuaikan dengan media apa dibuka artikelnya ya?

    BalasHapus

 
Back To Top