Sekedar melengkapi posting ini: Memanfaatkan jQuery untuk Mengizinkan Elemen Terlarang Masuk ke dalam Kometar Blogger, Saya memakai elemen <a> untuk menyisipkan video ke dalam komentar Blogger. Dengan begitu Anda tidak perlu khawatir terhadap problem fallback yang jelek bila JavaScript dimatikan.
Saat JavaScript pada peramban diaktifkan, semua elemen tautan yang mengandung URL berpola youtube.com/embed akan bermetamorfosis video, dan bila JavaScript dimatikan, maka video tidak akan tampil pada posting komentar namun masih tetap meninggalkan elemen aslinya yaitu <a>, sehingga dikala tautan tersebut diklik, Anda akan dibawa menuju ke halaman video satu layar penuh:
<script> //<![CDATA[ $('#comments p, #comments dd').each(function() { $(this).find('a[href*="youtube.com/embed"]').replaceWith(function() { return $('<iframe width="420" height="315" src="' + this.href + '"></iframe>'); }); }); //]]> </script>Salin isyarat tersebut dan letakkan di atas </body> kemudian simpan semua perubahan.
Untuk menyisipkan video, caranya cukup dengan menyalin URL isyarat embed yang ada di dalam textarea (ambil URL-nya saja). Lalu kita gunakan URL tersebut sebagai pengisi atribut href pada tautan:
<a href="Letakkan URL video di sini">Video</a>
Atau bila Anda telah membuat sistem untuk menghapus tautan pada semua posting komentar (seperti Saya), Anda dapat memakai cara usang menyerupai ini:
[iframe]Letakkan URL video di sini[/iframe]Berikut ini ialah isyarat manipulasinya:
<script> //<\[\/iframe\]/ig, "<iframe width='420' height='315' src='$1'></iframe>") ); }); //]]> </script>Dan sebagai pelengkap lagi, alasannya ini ialah manipulasi <iframe>, maka Anda bahwasanya tidak harus membatasi diri dengan video. Apa saja yang dapat tampil pada elemen <iframe> dapat ditampilkan pada posting komentar Blogger dengan metode ini.
Pembaharuan
Ucapan terimakasih kepada Mbah Qopet atas petunjuknya mengenai kekurangan metode ke dua. Masalahnya adalah, bila URL video yang dituliskan tidak sesuai dengan apa yang kita kehendaki, akan ada beberapa hal jelek yang mungkin terjadi. Misalnya, kanal halaman menjadi sangat lambat alasannya iframe telah mengakses URL yang salah. Belum lagi mengenai para komentator yang mungkin saja merupakan orang jahat sehingga mereka dapat saja menyisipkan URL berbahaya pada manipulasi ini. Untuk metode pertama relatif lebih kondusif alasannya di situ dengan terperinci Saya telah membatasi format URL yaitu hanya untuk elemen <a> yang mengandung URL youtube.com/embed. Di luar syarat itu, tautan tidak akan diubah menjadi video.
Cara sederhana untuk membatasi URL pada metode ke dua ialah dengan mendeteksi apakah nilai atribut src pada iframe mengandung URL youtube.com/embed atau tidak. Jika tidak, hapus atribut src pada iframe tersebut sehingga hal-hal jelek yang mungkin terjadi alasannya kesalahan URL video YouTube dapat diatasi. Berikut ini ialah isyarat selengkapnya untuk menyisipkan video dengan metode ke dua:
<script> //<\[\/iframe\]/ig, "<iframe width='420' height='315' src='$1'></iframe>") ); // Jika URL pada `iframe.video` tidak mengandung path `youtube.com/embed` ... // ... segera hapus atribut `src` pada elemen tersebut ... // ... kemudian tambahkan latar belakang berupa gambar yang menyatakan peringatan kesalahan. $('iframe.video:not([src*="youtube.com/embed"])') .removeAttr('src') .css('background', '#900 url(error.png) no-repeat 50% 50%'); }); //]]> </script>Saya masih tetap menyarankan Anda untuk memakai metode pertama yang jauh lebih sederhana. Metode ke dua ini hanya sebagai alternatif saja untuk blog-blog dengan peraturan komentar yang tidak begitu bebas menyerupai di blog Saya.
Sumber https://www.dte.web.id/