บทเรียน - เขียนโปรแกรม เบื้องต้น

Star InactiveStar InactiveStar InactiveStar InactiveStar Inactive

การทำวีดีโอให้ย่อตามขนาดของหน้าจอ

 

          ในหน้าเว็บกรณีที่เราใส่วีดีโอไปในหน้าเว็บของเราก็มันกจะเจอปัญหาในกรณีที่วีดีโอไม่ย่อตามขนาดของหน้าจอโดยมีวิธีการทำให้วีดีโอสามารถย่อตามขนาดของหน้าจอได้ สามารถทำได้ดังนี้

 

วิธีทำให้วีดีโอย่อตามขนาดของหน้าจอ

  1. เพิ่ม<meta> ลงในแท็ก <head> ดังโค้ด
    <meta name="viewport" charset="utf-8" content="width-davice-width, initial-scale=1" />​
  2. เพิ่ม css เข้าไปในแท็ก <head> ดังโค้ด
    <link href="/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>​
  3. ในแท็ก <body> เพิ่มโค้ดวีดีโอ
    <iframe width="560" height="315" src="https://www.youtube.com/embed/tbj7gkpDjtM" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>​
  4. รวมโค้ดได้ดังนี้
    <html>
            <head>
                    <meta name="viewport" charset="utf-8" content="width-davice-width, initial-scale=1" />
                    <link href="/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
            </head>
            <body>
                    <div class="container-fluid ">
                            <div class="col-12">
                                    <iframe width="560" height="315" src="https://www.youtube.com/embed/tbj7gkpDjtM" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
                            </div>
                    </div>
            </body>
    </html>​
  5. ผลลัพธ์ที่ได้
    การทำให้วีดีโอย่อตามขนาดของหน้าจอ
    ทำวีดีโอให้รองรับขนาดหน้าจอมือถือ

 

การทำให้วีดีโอย่อตามขนาดของหน้าจอ
ทำวีดีโอให้รองรับขนาดหน้าจอแท็ปเล็ต

 

          ในการทำให้วีดีโอย่อตามขนาดของหน้าจอสามารถนำไปดัดแปลงใช่งานกับเว็บไซต์ที่รองรับทุกอุปกรณ์ได้โดยวีดีโอเราสามารถไปเอามาได้จากใน Youtube ได้

 

ช่องทางการศึกษาเพิ่มเติมข่าวที่น่าสนใจเกี่ยวกับ : css

User Rating: 2 / 5

Star ActiveStar ActiveStar InactiveStar InactiveStar Inactive

บทเรียน PHP : คุณสมบัติที่ทำให้การทำงานของออบเจ็กต์หนึ่งมีได้หลายรูปแบบ (เรียกว่าหนึ่งรูปหลายพฤติกรรม) เช่น คนก็มีพฤติกรรม การวิ่ง สุนัข ก็มี พฤติกรรม การวิ่ง แต่การวิ่งของคนและสุนัขต่างกัน กล่าวคือ คนใช้ขา 2 ขาในการวิ่ง แต่สุนัขใช้ 4 ขา ในทางของการเขียนโปรแกรมเชิงวัตถุสามารถแบ่ง Polymorphism ได้ 2 ลักษณะคือ Overloading, Overriding

ติดตาม VDO  ได้ที่ : OOP - Polymorphism

โดย : http://www.mindphp.com

User Rating: 1 / 5

Star ActiveStar InactiveStar InactiveStar InactiveStar Inactive

บทเรียน PHP : อธิบายพื้นฐานการจัดเรียงโค้ดให้เป็นลำดับ เพื่อสะดวกในการค้นหา ซึ่ง Coding Standard ไม่ได้เกี่ยวข้องกับการแสดงผลลัพธ์เลย แต่ Coding Standard ช่วยให้ Code เป็นพันๆหรือหมื่นๆบรรทัด ดูเป็นระเบียบมากขึ้น เพื่อให้เราสามารถค้นหาได้ง่ายขึ้นและเพื่อให้เป็นมาตรฐานเดียวกัน

 

 

 

ติดตาม VDO  ได้ที่ : Coding Standard เขียนโค้ดแบบได้มาตรฐาน

โดย : http://www.mindphp.com

 

User Rating: 1 / 5

Star ActiveStar InactiveStar InactiveStar InactiveStar Inactive

การลบข้อมูลในตาราง โดยการเขียน Python ไปทำการลบข้อมูลในฐานข้อมูล PostgreSQL ซึ่งการแก้ไขหรืออัพเดทข้อมูลจะใช้คำสั่ง SQL และคำสั่งที่ใช้ คือ delete

ติดตาม VDO ได้ที่ : สอน Python บทที่ 40 การลบข้อมูลในตาราง PostgreSQL ด้วย Python
โดย : http://www.mindphp.com

 

{mdfiles=248}