Cách chỉnh kích thước khung Frame Video Youtube trên Blogspot 2019

Cách chỉnh kích thước khung Frame Video Youtube trên Blogspot 2019. 

Ở bài viết này mình sẽ chia sẻ với các bạn dòng code giúp cho khung Video Youtube của bạn hiển thị đúng kích thước và đẹp hơn trên Blogspot.

Đầu tiên các bạn vào chỉnh sửa Template CSS và Ctrl+F tìm thẻ: ]]></b:skin>

Tiếp theo, các bạn dán đoạn code bên dưới vào trước thẻ: ]]></b:skin>

/* Youtube Reflexive */
.video-container {
position:relative;
padding-bottom:50%;
padding-top:41px;
height:0;
overflow:hidden; }

.video-container iframe, .video-container object, .video-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%; }

Tại bài đăng Blogspot. Hãy dán đoạn code bên dưới vào phần HTML của bài đăng.

<div class="video-container">
<iframe allow="autoplay; encrypted-media" allowfullscreen="" frameborder="0" height="auto" src="https://www.youtube-nocookie.com/embed/idvideo?autoplay=1&amp;mute=1&amp;enablejsapi=1" width="auto"></iframe>
</div>

Trong đó, bạn sửa lại ID video cho đúng với Video của bạn nhé.

Chúc các bạn thành công !

Admin (3.8.19)