สอนทำเว็บขั้นพื้นฐานCSS
ทำการสร้าง class ไว้ในแทค หรือ ในไฟล์ .css จำนวน 2 class ดังนี้sdfas
.container_youtube {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
}
.video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
แล้วเรียกใช้ class ทั้ง 2 ด้านบน โดยครอบทับแทค< iframe> ของ youtube
สัดส่วนคลิปวีดีโอที่ได้จะเป็น 16:9 แสดงผลเต็มจอ และปรับเปลี่ยนเองตามขนาดหน้าจออุปกรณ์พกพาครับ
แนะนำโซเชียลของนักเขียน
