√ Cara Semoga Video Youtube Di Blog Menjadi Responsif Di Semua Ukuran Layar
Pada ketika anda memasang Video Youtube ke dalam Blogg seringkali kita mendapati Tampilannya menjadi tidak Beraturan, bahkan tidak sanggup menyesuaikan Tampilan template Blogg. Terkadang kalau dibuka memakai layar Handphone maka hanya tampil setengah Scren bahkan ada yang lebih besar di bandingkan dengan ukuran Tampilan yang semestinya. Pastinya akan cukup menjengkelkan dan menyebalkan melihat tampilannya tidak beraturan menyerupai itu.
Maka dari itulah di postingan ini saya akan menunjukkan tips gampang hanya menempatkan 1 Kode script Html saja yang diharapkan ke dalam pengeditan HTML Template yang anda gunakan.
Tentunya Kode HTML ini cukup responsif menciptakan tampilan Video yang anda masukan (embed) ke dalam blogg sanggup menyesuaikan tampilan yang semestinya.
Langkah ini sangat gampang sekali, silakan anda ikuti langkahnya :
1. Pertama anda login ke blogg anda terlebih dahulu
2. Pilih EDIT HTML
3. silakan anda Cari Kode
4. Silakan Save
5. Selesai
Tampilan iframe pada video youtube yang anda Embed ke blogg anda akan menjadi responsif dan tentunya menyesuaikan gadget yang di gunakan oleh visitor blogg anda.
Kaprikornus hal ini akan menciptakan nyaman pengunjung untuk menampilkan video yang anda embed ke blogg anda menjadi cukup responsif.
Untuk memasukan aba-aba embed dari Youtube lakukan menyerupai biasanya tanpa harus mengganti aba-aba apapun. aba-aba script yang saya berikan diatas sudah termasuk responsive sanggup menyesuaikan seluruh ukuran tampilan layar.
Semoga bermanfaat. Sumber https://syilent.blogspot.com/
Maka dari itulah di postingan ini saya akan menunjukkan tips gampang hanya menempatkan 1 Kode script Html saja yang diharapkan ke dalam pengeditan HTML Template yang anda gunakan.
Tentunya Kode HTML ini cukup responsif menciptakan tampilan Video yang anda masukan (embed) ke dalam blogg sanggup menyesuaikan tampilan yang semestinya.
Langkah ini sangat gampang sekali, silakan anda ikuti langkahnya :
1. Pertama anda login ke blogg anda terlebih dahulu
2. Pilih EDIT HTML
3. silakan anda Cari Kode
</body>Selanjutnya letakan aba-aba dibawah ini sempurna di atas aba-aba </body>
<script> //<![CDATA[ /* Youtube Responsive by syilent.blogspot.com */ 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>
4. Silakan Save
5. Selesai
Tampilan iframe pada video youtube yang anda Embed ke blogg anda akan menjadi responsif dan tentunya menyesuaikan gadget yang di gunakan oleh visitor blogg anda.
Kaprikornus hal ini akan menciptakan nyaman pengunjung untuk menampilkan video yang anda embed ke blogg anda menjadi cukup responsif.
Untuk memasukan aba-aba embed dari Youtube lakukan menyerupai biasanya tanpa harus mengganti aba-aba apapun. aba-aba script yang saya berikan diatas sudah termasuk responsive sanggup menyesuaikan seluruh ukuran tampilan layar.
Semoga bermanfaat. Sumber https://syilent.blogspot.com/
