ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์Programmingปรับ วีดีโอเป็น responsive ยังไงอ่ะครับ
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: ปรับ วีดีโอเป็น responsive ยังไงอ่ะครับ  (อ่าน 1407 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
PassionlessZ
สมุนแก๊งเสียว
*

พลังน้ำใจ: 29
ออฟไลน์ ออฟไลน์

กระทู้: 939



ดูรายละเอียด
« เมื่อ: 30 พฤษภาคม 2019, 00:01:51 »

พอดีไปเจอ code มา แต่ไม่รู้ว่ามันต้องไปใส่ตรงไหนอ่ะครับ

โค๊ด:
.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

ผมอ่านจากนี้ครับ
https://www.designil.com/embed-responsive-video.html

หรือใครรับทำ หลังไมค์มาเลยครับ ให้ค่าตอบแทนเล็กน้อยครับ
« แก้ไขครั้งสุดท้าย: 30 พฤษภาคม 2019, 00:27:44 โดย PassionlessZ » บันทึกการเข้า
natthakon
ก๊วนเสียว
*

พลังน้ำใจ: 18
ออฟไลน์ ออฟไลน์

กระทู้: 263



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 30 พฤษภาคม 2019, 00:37:27 »

ถ้าเป็น WordPress วางใน /style.css ก็ได้
บันทึกการเข้า

tarrekup
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 195
ออฟไลน์ ออฟไลน์

กระทู้: 3,345



ดูรายละเอียด
« ตอบ #2 เมื่อ: 30 พฤษภาคม 2019, 09:33:14 »

ลองดูครับ ก็อปวางง่ายมาก  wanwan019
โค๊ด:
https://embedresponsively.com/
« แก้ไขครั้งสุดท้าย: 30 พฤษภาคม 2019, 09:35:29 โดย tarrekup » บันทึกการเข้า

แนะนำเครื่องมือ :

|||| โฮสต์ไทย ถูก & ดี   คลิก
|||| จดโดเมนที่ namecheap   คลิก


hirase8888
สมุนแก๊งเสียว
*

พลังน้ำใจ: 42
ออฟไลน์ ออฟไลน์

กระทู้: 672



ดูรายละเอียด เว็บไซต์
« ตอบ #3 เมื่อ: 30 พฤษภาคม 2019, 15:22:22 »

http://www.seosocialmedialearn...ponsive-design-with-wordpress/

ตามนี้เลยครับ
บันทึกการเข้า

สอน SEO รับทำ Google Ads https://www.seo928.com/
Newbiez
Newbie
*

พลังน้ำใจ: 5
ออฟไลน์ ออฟไลน์

กระทู้: 99



ดูรายละเอียด เว็บไซต์
« ตอบ #4 เมื่อ: 30 พฤษภาคม 2019, 15:30:14 »

ลองดูในส่วนของ html5 นะครัฐ

https://css-tricks.com/NetMag/...eo/Article-FluidWidthVideo.php
บันทึกการเข้า

samaphold
Newbie
*

พลังน้ำใจ: 0
ออฟไลน์ ออฟไลน์

กระทู้: 6



ดูรายละเอียด
« ตอบ #5 เมื่อ: 31 พฤษภาคม 2019, 01:04:33 »

ถ้าใช้  bootstrap ก็ตามนี้ครับ https://getbootstrap.com/docs/4.0/utilities/embed/
บันทึกการเข้า
หน้า: [1]   ขึ้นบน
พิมพ์