Toggle navigation
SELECT COUNTRY ↓
India
Kuwait
Oman
Qatar
Saudi Arabia
Singapore
UAE
UK
USA
CITIES
Abu Dhabi
Ajman
Al Ain
Dubai
Fujairah
Ras al Khaimah
Sharjah
Umm al Quwain
NRI HOME
SUBMIT
Classified
Your Requirement
Website URL
CART
GET LEADS
MY ACCOUNT
Dubai
Education
Search
How To Use Bootstrap 3 Responsive Video Embeds?
SEND MESSAGE
1
Listing Type
List Category
Tutorials
Location
Bur Dubai
City
Dubai, UAE
Last update
July 19, 2015
The Bootstrap responsive embed classes can be applied directly to the
, <embed>, <video>, and <object> elements.<br /> <ul><br /> <li>16:9 aspect ratio - .embed-responsive-16by9</li><br /> <li>4:3 aspect ratio - .embed-responsive-4by3</li><br /> </ul><br /> <span style="color: #ff0000;"><strong>Example:- How to use Bootstrap 3 Responsive Video Embeds?</strong></span><br /> <!DOCTYPE html><br /> <html lang="en"><br /> <head><br /> <title>How to use Bootstrap 3 Responsive Video Embeds?</title><br /> <meta charset="utf-8"><br /> <meta name="viewport" content="width=device-width, initial-scale=1"><br /> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"><br /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script><br /> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script><br /> </head><br /> <body><br /> <div class="container"><br /> <h2>Bootstrap Responsive Video Embeds ( 16:9 Responsive Aspect Ratio )</h2><br /> <div class="embed-responsive embed-responsive-16by9"><br /> <iframe class="embed-responsive-item" src="https://www.youtube.com/watch?v=pKtAaKid4CMk">