Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Embedding Videos</title>
  <style>
    
    .video1{
      width:450px;
      height:350px;      
      float:left;  
    }
    
    .video2{
      width:250px;
      height:225px;
      float:left;
    }
    
  </style>
  
  </head>  
  
<body>
 
  <div class="video1">
    <h2> Cool Video #1 </h2>
<iframe width="240" height="135" src="https://www.youtube.com/embed/rR3fk6bbO90" frameborder="0" 
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"></iframe>
  </div>
  
  <div class="video2">
    <h2> Cool Video #2</h2>
    <iframe width="250" height="140.63" src="https://www.youtube.com/embed/2_m0Uz3fUj4" frameborder="0" 
    allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" ></iframe>
  </div>
       
  
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
greg736pro
0viewers