How to embed responsive video with 4:3 aspect ratio in Bootstrap

1 Answer

0 votes
<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet"
        href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
  
<body>
  
<div class="container">
  <h2>Bootstrap embed responsive video with 4:3 aspect ratio</h2>
  <div class="embed-responsive embed-responsive-4by3">
    <iframe class="embed-responsive-item" 
            src="https://www.youtube.com/embed/cYMCLz5PQVw">
    </iframe>
  </div>
</div>
  
</body>
</html>

 



answered Jul 9, 2017 by avibootz
...