Code khung Frame phát video Youtube Responsive cho Blogspot

GET LINK

Trong bài viết này mình tiếp tục chia sẻ cho các bạn code khung Frame trình phát video Youtube Responsive cho blogspot

Lưu ý: Backup lại Template trước khi chỉnh sửa CSS để tránh lỗi chủ đề.

Đầu tiên vào Chủ đề của Blogspot => Tùy chỉnh => Chỉnh sửa HTML

Copy đoạn code CSS bên dưới và dán 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%; }

Lưu lại CSS. Tiếp theo vào bài đăng dán đoạn code HTML này vào và thay IDVideo cho mã id video youtube mà các bạn muốn phát cho phù hợp.

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

Nếu có bất kỳ thắc mắc nào bạn hãy để lại comment bên dưới để cùng nhau trao đổi và thảo luận nhé!

#TienWiki