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

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น
« หน้าที่แล้ว ต่อไป »
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: ปัญหา iframe on mobile  (อ่าน 740 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
winzaza
Newbie
*

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

กระทู้: 37



ดูรายละเอียด
« เมื่อ: 26 ธันวาคม 2017, 09:21:10 »
สวัสดีครับ

คือผมใช้ code iframe มาแปะในเวปของตัวเอง
ถ้าแสดงใน pc จะใช้งานได้ปกติ สวยงาม
แต่หากเป็นใน mobile จะทำให้เกินและตกขอบครับ

มีวิธีแก้ไขให้มัน respond ตามmobile และ pc ไหมครับ
หรือแนะนำให้ใช้อย่างอื่นแทนครับ

code mี่ใช้ประมาณนี้ครับ

<iframe width="420" height="315"
src="https://www.youtube.com/embed/XGSy3_Czz8k " frameborder="0" allowfullscreen>
</iframe>


ขอบคุณครับ
บันทึกการเข้า
esanza.com
เจ้าพ่อบอร์ดเสียว
*

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

กระทู้: 3,673



ดูรายละเอียด
« ตอบ #1 เมื่อ: 26 ธันวาคม 2017, 09:30:22 »
โค๊ด:
https://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php
บันทึกการเข้า
ใครต้องการเช่าโฮสที่มี Control Panel ดีๆ
และ Support ดี แนะนำ => โฮสอะตอม
ฟาร์มเฮ้า
หัวหน้าแก๊งเสียว
*

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

กระทู้: 1,014



ดูรายละเอียด
« ตอบ #2 เมื่อ: 26 ธันวาคม 2017, 09:57:44 »
เขียน css เพิ่มครับ ใช้ @media ลดขนาด iframe เมื่อหน้าจอกว้างน้อยกว่า 420
บันทึกการเข้า
winzaza
Newbie
*

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

กระทู้: 37



ดูรายละเอียด
« ตอบ #3 เมื่อ: 26 ธันวาคม 2017, 11:29:41 »
อ้างจาก: ฟาร์มเฮ้า ที่ 26 ธันวาคม 2017, 09:57:44
เขียน css เพิ่มครับ ใช้ @media ลดขนาด iframe เมื่อหน้าจอกว้างน้อยกว่า 420
พอมีตัวอย่างไหมครับ
ผมไม่เคยทำ css เลยครับ เพิ่งมาจับ

อ้างจาก: esanza.com ที่ 26 ธันวาคม 2017, 09:30:22
โค๊ด:
https://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php

ขอบคุณมากครับ คืนนี้จะลองนะครับ
บันทึกการเข้า
หน้า: [1]   ขึ้นบน
พิมพ์
« หน้าที่แล้ว ต่อไป »
กระโดดไป: