กำลังโหลดหน้าเพจ
stars
คุณได้รับคะแนนการอ่าน 1 คะแนน
คุณมีคะแนนการอ่านทั้งหมด คะแนน
intro reward
CSS วิธีปรับความกว้าง คลิป YouTube ให้เต็มจอ ได้สัดส่วนตามขนาดหน้าจอมือถือ แทบเลต

CSS วิธีปรับความกว้าง คลิป YouTube ให้เต็มจอ ได้สัดส่วนตามขนาดหน้าจอมือถือ แทบเลต

พฤหัสบดี , 01 ม.ค. 2513
อ่านเรื่องที่เกี่ยวข้องด้วยป้ายแทค :

แชร์ 8 แชร์ 10 แชร์ 9

แจ้งรายงานบทความ

สอนทำเว็บขั้นพื้นฐาน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 แสดงผลเต็มจอ และปรับเปลี่ยนเองตามขนาดหน้าจออุปกรณ์พกพาครับ

แนะนำโซเชียลของนักเขียน
แชร์ 8 แชร์ 10 แชร์ 9
กดชอบรับ 1 คะแนน

กดชอบเป็นคนแรก
นักเขียน
นายแทม
นักเขียนสรรสาระชีวิต เป็น introvert ระดับ extreme ยกพระเจ้าให้เป็นสหายที่ดีที่สุด ใช้ชีวิตไปกับเพื่อนสนิททั้งหก คือ ตุ๊กตาหมีเทมโปโป้, ภาษาคอมพิวเตอร์อันซับซ้อน, ไดอารี่, กองหนังสือ, อัลบั๊มเพลงเศร้า และ ชอคโกแลตร้อนในถ้วยสวย ๆ


วิธีการทำภาพพื้นหลังเว็บไซต์แบบไล่เฉด 2 สี (Gradient) ด้วย CSS เพียง 1 บรรทัด

ทำง่ายมากครับ ช่วยให้เว็บไซต์ของคุณมีมิติมากขึ้น

ลักษณะการออกแบบเว็บไซต์ในยุคเว็บ 2.0

ลักษณะการออกแบบเว็บไซต์ในยุคเว็บ 2.0 เป็นยังไงมาดูกัน

อัพเดทเทคนิค @font face วิธีเปลี่ยน font web บน Reponsive Web Design ให้แสดงผลถูกต้อง

สอนแก้ปัญหาการใช้ @font-face แล้วฟอนต์แสดงผลแค่บางบราวเซอร์ เช่น Chrome กับ Fire

บังคับเว็บบราวเซอร์ให้แสดงฟอนต์ตัวอักษรไทย (Thai Font) ด้วย CSS3 ฉบับทำจริง ทดสอบจริง

ด้วยความสามารถของ CSS3 ช่วยให้เว็บมาสเตอร์กำหนดให้บราวเซอร์แสดงผลตัวอักษรภาษาไทย

วิธีฝังฟอนต์ภาษาไทยลงในเว็บไซต์เพื่อแสดงผลตัวอักษรในรูปแบบของเรา

ทำให้ผลการแสดงตัวอักษรของเว็บไซต์เราดูเก๋ไก๋มากกว่าฟอนต์ปกติของบราวเซอร์

เรื่องเกี่ยวข้องจากโซเชียล

facebook-logo-svgrepo-com.svg
youtube-logotype-svgrepo-com.svg