Advertisement
 |
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&mute=1&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 !
Welcome to
TienNetwork.com - Blog sưu tầm và chia sẻ kiến thức Online, tất cả các nội dung trên blog được chúng tôi sưu tập và tổng hợp từ nhiều nguồn trên Internet. Nếu có vấn đề về bản quyền với bài viết trên Blog vui lòng liên hệ qua mail: tiennetwork@gmail.com. Chúng tôi sẽ xóa bài viết ngay lập tức.
0 Nhận xét