This html and css code can be used for making an iframe responsive, both width and height, that works in modern browser; in desktop and mobile devices. - HTML:
<div class="youtube">
 <iframe src="https://www.youtube.com/embed/x1USgMp9__s?autoplay=0"></iframe>
</div>
- CSS:
.youtube {
margin:8px auto 5px auto;
position:relative;
padding-bottom:12%;
padding-top:100px;
height:0;
overflow: auto; 
-webkit-overflow-scrolling:touch;
text-align:center;
width:99%;
max-width:600px;
min-width:300px;
min-height:205px;
}
.youtube iframe {
border:0;
display:block;
margin:0 auto;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
max-height:420px;
min-height:200px;
}

Daily Test with Code Example

HTML
CSS
JavaScript
PHP-MySQL
Which tag can be used to create input text field in web page?
<form> <input> <div>
<input type="text" name="a_name" value="val" />
Which CSS property displays the text in a small-caps font?
display font-variant font-style
h3 {
  font-variant: small-caps;
}
What instruction displays a notice box with a message inside it, in JavaScript?
for() Date() alert()
var msg = "Visit CoursesWeb.net";
alert(msg);
Indicate the PHP code used to get the users IP.
$_SERVER["HTTP_USER_AGENT"] $_SERVER["REMOTE_ADDR"] $_GET[]
$ip = $_SERVER["REMOTE_ADDR"];
echo $ip;
Making Responsive IFRAMEs

Last accessed pages

  1. Display data from PHP Array, or MySQL in HTML table (18517)
  2. PhpSpreadsheet - Read, Write Excel and LibreOffice Calc files (20300)
  3. JavaScript trim, rtrim and ltrim (6522)
  4. Register and show online users and visitors (31582)
  5. Making DIV Contents Scroll Horizontally, with multiple Div`s inside (47935)

Popular pages this month

  1. Making DIV Contents Scroll Horizontally, with multiple Div`s inside (2971)
  2. Contact page - CoursesWeb (2862)
  3. Tabs effect with CSS (2844)
  4. Courses Web: PHP-MySQL JavaScript Node.js Ajax HTML CSS (1039)
  5. PHP getElementById and getElementsByTagName (996)