<

หมวดหมู่

HTML

CSS

PHP

JavaScript

mySQL

Design & Typo

Android Develpper

แนะนำนักพัฒนา

บทความมาใหม่

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

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

ผู้เขียน : นายแทม ดอทคอม

โลกส่วนตัวสูงปรี๊ด ยากจะมีคนเข้าถึง แต่ถ้าใครเข้าถึงแล้ว ถือว่ามีกรรมร่วมกัน เพราะจะหลุดออกไปไม่ได้อีกเลย ชอบคิดและเขียนเรื่องราวที่มีสาระ แต่ถ้าได้พูดเมื่อไหร่จะไร้สาระทันที

บริการจริงใจ
บริการออกแบบเว็บไซต์บนสมาร์ทโฟน
บริการออกแบบเว็บไซต์ให้ ฟรี 100%
บริการให้คำปรึกษาการตลาดออนไลน์
หาเงินออนไลน์กับนายแทม ฟรี 100%
บริการจัดหางาน ฟรีสำหรับผู้พิการ
ร้านนายแทม
ประวัติร้านนายแทม
รู้จักนายแทมเจ้าของร้าน
กลัวโดนนายแทมหลอก
ทำไมต้องโอนเงินก่อน
สั่งซื้อสินค้าช่องทางไหน
การจัดส่งสินค้าและวิธีการรับสินค้า
อ่านคำถาม - คำตอบอื่นที่พบบ่อย
โปรโมชั่นสินค้าไฮไลท์เด็ด
กระดานแจ้งผลจัดส่งสินค้า
ติดต่อร้านนายแทม