Kode Script Video YouTube Responsif SEO Friendly

KODE SCRIPT VIDEO RESPONSIF

Oke pada kesempatan kali ini saya akan memberikan script untuk Video YouTube agar responsif jika di pasang pada blog.

Kenapa harus menggunakan script responsif untuk Video YouTube,

Script ini penting karena agar supaya Video YouTube anda tetap terlihat penuh di semua perangkat, yang tidak hanya terpotong sebagian dari isi Video,
Jadi penonton tetap bisa melihat seluruh isi Video YouTube anda dengan jelas.

Oke langsung saja menuju script Video YouTube Responsif.

• Pertama buka blogger - edit html - tambahkan CSS di dalam kode script ]]></b:skin> atau </style>

/* Youtube Responsive */ .embedded-video-large{ background-color: #000; background-position: center; background-size: cover; cursor: pointer; display: inline-block;  width: 400px; height: 230px;  max-width: 100%; overflow: hidden; position: relative} .videoyoutube{text-align: center; margin: 20px auto; width:80%;} .video-responsive{position: relative; padding-bottom: 56.25%; overflow: hidden; margin: 8px} .video-responsive iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0} @media screen and (max-width: 400px){.videoyoutube{width: 100%} }

• Selanjutnya Masuk kedalam postingan artikel, yang ingin anda pasang Video YouTube, setelah itu masukkan atau ganti dengan kode script Video YouTube Responsif di bawah ini.

<div class="videoyoutube"> <div class="video-responsive"> <iframe allowfullscreen="1" class="embedded-video-large" frameborder="0" src="https://www.youtube.com/embed/XXXXXXX?rel=0"></iframe></div></div>

• Ganti kode XXXXXX dengan ID Embed Channel YouTube anda.

Keuntungan menggunakan Kode Script Video YouTube Responsif Pada Blog.

• Video Menyesuaikan ukuran untuk semua Perangkat.
• Video terlihat jelas tanpa terpotong sebagian.
• Menambah jam Tayang pada Video YouTube anda.

Sebenarnya ada script untuk memutar video secara otomatis saat halaman terbuka, tetapi saya tidak menyarankan menggunakan script tersebut.

Dengan Alasan :

• Tidak semua perangkat mendukung memutar Video YouTube secara otomatis.
• Tidak akan menambah jam tayang pada Video YouTube anda.
• Browsing pengguna menjadi lebih lambat.

Demikian yang bisa saya sampaikan, semoga artikel ini membantu.