Cara Pasang Video Youtube tanpa IFRAME di Blogger

Perbandingan 2(dua) Video dari situs Youtube dibawah ini Video Youtube yabg memakai Code Embed (IFRAME) dan tanpa menggunakan code IFRAME bawaan Youtube, tapi dipasang memakai code CSS dan JavaScript.
Tujuan memasang pakai code CSS dan JavaScript pada Video Youtube ini agar Blog tidak berat sewaktu diakses oleh visitor.

Video dari Youtube bisa kita pasang sebanyak yang kita mau dengan meletakan Code HTML dibawah ini dalam Postingan.

<div class="youtube-player" data-id="Video ID"></div>

Konten Video lebih ringan sebab Video dari Youtube yang kita pasang tanpa menggunakan IFRAME tersebut hanya menampilkan Thumbnail Videonya saja. Proses load video lebih press dan gress berjalan apabila pengunjung menonton video tersebut.

Oke kita lihat Code Embed dan Link dari Video Youtube tersebut, misalnya seperti ini.

Code Embed

<iframe width="560" height="315" 
src="https://www.youtube.com/embed/aQLO0GGhgsM" 
title="YouTube video player" 
frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
</iframe> 

Code Link

https://youtu.be/aQLO0GGhgsM

Preview Video via Embed

Preview Video tanpa IFRAME

Dibawah ini adalah Video Youtube tanpa memakai Code Embed atau Code IFRAME
Code yang dipasang seperti ini

<div class="youtube-player" data-id="aQLO0GGhgsM"></div>

Ini hasilnya

Untuk Blogger Pemula yang ingin melakukan seperti saya lakukan, kamu bisa Copy Paste Code Cara Pasang Video Youtube Tanpa IFRAME dibawah ini.
Penempatan Code CSS/Style dan Code JavaScript/Js diletakan sebelum Code </head>

Tekan Tombol RESULT untuk Preview (Tampilan)

See the Pen Cara Pasang Video Youtube Tanpa IFRAME by Fitz Freedom (@fitzfreedom) on CodePen.

Semoga bermanfaat.
Wassallam.