Indytheme Support

ถาม - ตอบ => GO Variety => ข้อความที่เริ่มโดย: go-variety260 ที่ 22/06/21 เวลา 21:50 น.

หัวข้อ: แต่ละหน้ามันดึง iframe ให้เป็นแนวยาวกว่านี้ได้ไหมครับ
เริ่มหัวข้อโดย: go-variety260 ที่ 22/06/21 เวลา 21:50 น.

แต่ละหน้ามันดึง iframe  ให้เป็นแนวยาวกว่านี้ได้ไหมครับ  ในโหมดมือถือสั้นมาก
(https://i.ibb.co/pRRb27j/Screenshot-1.jpg)

หัวข้อ: Re: แต่ละหน้ามันดึง iframe ให้เป็นแนวยาวกว่านี้ได้ไหมครับ
เริ่มหัวข้อโดย: SUPPORT ที่ 23/06/21 เวลา 03:57 น.

เข้าไปที่ หน้าควบคุม > รูปแบบเว็บ > ปรับแต่ง > CSS เพิ่มเติม

ใส่โค้ด css นี้ลงไปครับ

โค๊ด: [Select]

.video-wrapper {
padding-bottom: 100% !important;
}

ปรับตัวเลขดูครับ 100 คือ ความสูง = ความกว้าง ถ้ามากกว่านี้ก็จะสูงขึ้น / ต่ำกว่านี้ก็จะเตี้ยลงครับ
ทำแบบนี้มันจะส่งผลกับทุก iframe ครับ ยาวเท่ากันทุกหน้า ทั้ง desktop และ mobile


หรือวิธีที่ 2
ก่อนแทรกโค้ด iframe ในหน้าบทความให้แทรกโค้ด style ไว้ก่อนหน้าครับ เช่น

โค๊ด: [Select]

<style>
.video-wrapper {
padding-bottom: 100%;
}
</style>

<iframe src="https://www.indytheme.com/" title="W3Schools Free Online Web Tutorials"></iframe>

แบบนี้ความสูงของ iframe จะมีผลแค่หน้านั้นหน้าเดียวครับ