บทเรียน php - Mindphp Developer Team Result Page

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

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

Category: บทเรียน CSS

Last Updated: 30 August 2018

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

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

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

เพิ่ม<meta> ลงในแท็ก <head> ดังโค้ด

<meta name="viewport" charset="utf-8" content="width-davice-width, initial-scale=1" />

เพิ่ม css เข้าไปในแท็ก <head> ดังโค้ด
```
<link href="/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
```

ในแท็ก <body> เพิ่มโค้ดวีดีโอ

<iframe width="560" height="315" src="https://www.youtube.com/embed/tbj7gkpDjtM" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

รวมโค้ดได้ดังนี้

<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>

ผลลัพธ์ที่ได้

ทำวีดีโอให้รองรับขนาดหน้าจอมือถือ

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

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

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

Category: บทเรียน สอนเขียน php พื้นฐาน

Last Updated: 01 May 2017

User Rating: 4 / 5

Parent Category: VDO Tutorial

Category: VDO สอนเขียน PHP7

Last Updated: 27 August 2018

User Rating: 2 / 5

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

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

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

Parent Category: VDO Tutorial

Category: VDO สอนเขียน PHP7

Last Updated: 27 August 2018

User Rating: 1 / 5

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

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

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