How to Make Video Gallery Using HTML - CodeTextPro | Free Web Tutorial

Codetextpro Provides free Web tutorial, HTML, CSS, C, C++, Java, JavaScript, PHP, MySql, Python, Program, Programming Notes, Programming Questions and more.

Programming

Saturday, December 15, 2018

How to Make Video Gallery Using HTML

index.html

<!DOCTYPE html>
<html>
<head>
        <title>My Gallary</title>
        
           <style>
            
               #h{
                  color:  yellow;
                 text-shadow: 2px 2px 2px hotpink;
                  font-size:60px;
                   background-color: chartreuse;
                   padding: 20px 0px;
                   border: 5px red;   
               }
                    
        </style>
</head>
    <div>
      

      
    <div id="h">
        <center> VIDEO GALLARY </center>
    </div>
        
<center>

<iframe width="500" height="240" src="https://www.youtube.com/embed/i3tTPfe3AMQ" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

  <iframe width="500" height="240" src="https://www.youtube.com/embed/-EO7Rs1b8q4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

  <iframe width="500" height="240" src="https://www.youtube.com/embed/YHJxoefJwF4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

  <iframe width="500" height="240" src="https://www.youtube.com/embed/b_N2jftJqso" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</center>
    </div>
</html>

No comments:

Post a Comment