phpbb 3.1 กำหนดขนาดของ BBCodes Youtube

พูดคุย phpBB3, SMF ปัญหา การติดตั้ง ปัญหา การลง Mod การแก้ไข หน้าตาบอร์ด การใช้งาน Joomla 1.5, 1.6, 1.7, 2.5 ,3.x และเร็วๆนี้ Joomla จะออกเวอร์ชั่น 4.0 การใช้งาน wordpress และ CMS อื่นๆ
การตั้งคำถาม ควรระบุรุ่นที่ใช้ ในการตั้งคำตามด้วย นะ เช่น SMF 1.1.4 หรือ SMF2.0 Joomla 1.0 joomla 3.8 และ รายละเอียดของ server OS , php เวอร์ชั่นไหน ฐานข้อมูลอะไร

Moderator: mindphp

Forum rules
คำถามหมวดนี้ ควรระบุ รายละเอียดของ Server OS, เวอร์ชั่น ของ PHP, CMS ที่ท่านใช้
รวมถึง Hosting หรือ Control Panel Hosting
User avatar
thatsawan
PHP VIP Members
PHP VIP Members
Posts: 24558
Joined: 31/03/2014 10:02 am
Contact:

phpbb 3.1 กำหนดขนาดของ BBCodes Youtube

Post by thatsawan »

สำหรับใครที่ใช้ BBcode Youtube เเล้วมันไม่ย่อตามขนาดหน้าจอให้ลองใช้วิธีนี่ดูค่ะ

Code: Select all

<iframe class="youtube" width="600" height="480" src="//www.youtube.com/embed/{TEXT}" frameborder="0" allowfullscreen></iframe>
ให้เราเพิ่ม Class ไปสักตัวหนึ่ง เช่น

Code: Select all

class="youtube"
จากนั้นไปเพิ่ม Code CSS ในไฟล์ CSS หรือจะใช้ responsive.css ของ phpBB ก็ได้ (เเต่ของหน้าจอ @media จะจำกัดมากกว่าเราเพิ่มเข้า @media ไปเอง)

Code: Select all

@media (max-width: 640px) { 
     .youtube{
        height:350px;
    }
}

Code: Select all

@media (max-width: 300px) {
      .youtube{
        height: 200px;
    }
}
ตัวอย่างนี้เราจะใช้ขนาดของ Youtube ตามขนาดหน้าจอ ที่ กว้างสูงสุดที่ 640px จะได้ขนาด Youtube ที่ 350px
ถ้าเปิดกับขนาดจอเล็กลงมา ที่ 300px จะได้ Youtube ที่ 200

  • Similar Topics
    Replies
    Views
    Last post

Return to “ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM”

Who is online

Users browsing this forum: No registered users and 7 guests