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

CodeTextPro.com Provides - Web design, Technology gyan, Digital marketing, Online earnings, Seo, Adsense, Technology news, Motivation and inspiration, Latest Technology Affairs, Gadgets, Blogging

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