Cara Memasang Video Youtube Di Blog 100% Responsive
Tutorial singkat cara mudah memasang video youtube / embed video youtube di blog agar 100 % responsive
Tambahkan kode CSS dibawah ini di blog kalian:
.video-container {
overflow: hidden;
position: relative;
width:100%;
}
.video-container::after {
padding-top: 56.25%;
display: block;
content: '';
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
Lalu copy paste kode embed dibawah ini di postingan blog kalian.
<div class="video-container">
<iframe src="https://www.youtube.com/embed/
YeCcb4mkDEg?rel=0&autoplay=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
Jangan lupa kode warna merah diganti dengan kode video yang akan kalian pasang di blog.
Hasilnya 100% responsive dan diakhir video muncul video - video yang ada di channel kalian, seperti ini contohnya: Lagu pop indonesia terbaru 2020
Tutorial ini diambil dari website ini https://flaviocopes.com/responsive-youtube-videos/ dan sudah saya modifikasi sendiri agar lebih sesuai dengan kebutuhan blogging saya.
Demikian tutorial singkat dari saya semoga bermanfaat.
Posting Komentar untuk "Cara Memasang Video Youtube Di Blog 100% Responsive"