วิธีทำให้ Wordpress รองรับ Responsive YouTube โดยไม่ต้องใช้ Plugin (for All Mobile Screen Size) 13 - mobile

วิธีทำให้ WordPress รองรับ Responsive YouTube โดยไม่ต้องใช้ Plugin (for All Mobile Screen Size)

คลิปทดสอบ 4K

 

วิธีทำ YouTube Responsive

ทำให้ YouTube Auto Embed รองรับ Respossive Mobile แค่เพิ่มโค้ด css ที่ไฟล์ css ของ WordPress Theme ตามนี้

.embed-youtube {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.embed-youtube iframe,
.embed-youtube object,
.embed-youtube embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

ความรู้ ยิ่งแบ่งปัน ยิ่งเพิ่มพูน :)