PHP CI MANIA - PHP Code Generator 

ราคาสุดคุ้ม  
http://fastcoding.phpcodemania.com

"C:/Program Files/MySQL/MySQL Server 5.6/bin/mysqld" --install MySQL56 --defaults-file="C:\ProgramData\MySQL\MySQL Server 5.6\my.ini" 

PHP CI MANIA - PHP Code Generator 

สนใจสั่งซื้อราคาสุดคุ้ม
http://fastcoding.phpcodemania.com

PHP CI MANIA - PHP Code Generator 

สนใจสั่งซื้อราคาสุดคุ้ม
http://fastcoding.phpcodemania.com

PHP CI MANIA - PHP Code Generator 

สนใจสั่งซื้อราคาสุดคุ้ม
http://fastcoding.phpcodemania.com

ส่วนของ HTML

<div id="fullScreenDiv">
        <img src="https://www.imi21.com/wp-content/uploads/2016/11/t12.jpg" id="videosubstitute" alt="Full screen background video">
        <div id="videoDiv">           
            <video id="video" preload autoplay muted playsinline loop>
            <source src="video/t12.webm" type="video/webm"></source>
            <source src="video/t12.mp4" type="video/mp4"></source>
            </video> 
        </div>
        <div id="messageBox"> 
            <div>
                <h1>Full screen background video</h1>
                <h2>Would you like this on your site?</h2>
                <h3><a href="#main" class="scrolly">Read below</a></h3>
            </div>
        </div>   
    </div>

The CSS3 styles

/* Default to hide the video on all devices */
#video{display:none}

/* Default to display the image on all devices */
#videosubstitute{display:block;width:auto;height:100%;}

html, body {
    height: 100%;
    margin: 0;
}
#fullScreenDiv{
    width:100%;
    min-height: 100%; 
   /* Set the height to match that of the viewport. */
    height: 100vh;
    width: auto;
    padding:0!important;
    margin: 0!important;
    background-color: gray;
    position: relative;
}
#video{    
    width: 100vw; 
    height: auto;
    object-fit: cover;
    left: 0px;
    top: 0px;
    z-index: 1;
}

@media (min-aspect-ratio: 16/9) {
  #video{
    height: 150%;
    top: -100%;
  }
  #videosubstitute{
    display:block;
    width: 100%;
    height: auto;}
}

@media (max-aspect-ratio: 16/9) {
  #video {
    width: 150%;
    left: -100%;
  }
  #videosubstitute{display:block;width:auto;height:100%;}
}
/*if there is 992  pixels or more, then display the video but hide the image*/
@media only screen and (min-width : 992px) {
#video{display:block;}
#videosubstitute{display:none}
}   

/* The container for our text and stuff */
#messageBox{
    position: absolute;  top: 0;  left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height:100%;
}

PHP CI MANIA - PHP Code Generator 

สนใจสั่งซื้อราคาสุดคุ้ม
http://fastcoding.phpcodemania.com

• PHP กับการออกแบบระบบให้คะแนน การแข่งขันกีฬา "บาสเกตบอล" - Basketball Score Board
• PHP จัดตารางการแข่งขันฟุตบอล / บาสเกตบอล / กีฬาประเภทพบกันทุกทีมเหย้า-เยือน
• ตัวอย่างการทำวิดีโออยู่พื้นหลัง เพื่อทำให้สกอร์บอร์ดลอยอยู่เหนือวิดีโอ