เข้าไปที่ หน้าควบคุม > รูปแบบเว็บ > ปรับแต่ง > CSS เพิ่มเติม
ใส่โค้ด css นี้ลงไปครับ
.video-wrapper {
padding-bottom: 100% !important;
}
ปรับตัวเลขดูครับ 100 คือ ความสูง = ความกว้าง ถ้ามากกว่านี้ก็จะสูงขึ้น / ต่ำกว่านี้ก็จะเตี้ยลงครับ
ทำแบบนี้มันจะส่งผลกับทุก iframe ครับ ยาวเท่ากันทุกหน้า ทั้ง desktop และ mobile
หรือวิธีที่ 2
ก่อนแทรกโค้ด iframe ในหน้าบทความให้แทรกโค้ด style ไว้ก่อนหน้าครับ เช่น
<style>
.video-wrapper {
padding-bottom: 100%;
}
</style>
<iframe src="https://www.indytheme.com/" title="W3Schools Free Online Web Tutorials"></iframe>
แบบนี้ความสูงของ iframe จะมีผลแค่หน้านั้นหน้าเดียวครับ