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 meta tag provides a short description of the page?
<meta content="..."> <meta description="..."> <meta http-equiv="...">
<meta name="description" content="70-160 characters that describes the content of the page" />
Which CSS property is used to stop the wrapping effect of the "float"?
clear text-align position
#some_id {
  clear: both;
}
Click on the method which gets an array with all the elements in the document that have a specified tag name.
getElementsByName() getElementById() getElementsByTagName()
var divs = document.getElementsByTagName("div");
var nr_divs = divs.length;
alert(nr_divs);
Indicate the PHP function which returns the number of elements in array.
is_array() count() strlen()
$arr = array(7, 8, "abc", 10);
$nri = count($arr);
echo $nri;        // 4
Making Responsive IFRAMEs

Last accessed pages

  1. Ajax-PHP Chat Script (33166)
  2. SHA512 Encrypt hash in JavaScript (7619)
  3. Qwop (55289)
  4. Bind Tool and Control Points (2616)
  5. My New Room 2 (165)

Popular pages this month

  1. Qwop (10207)
  2. Drag Racer V3 (6099)
  3. Flash Games - Free online Games (2084)
  4. List with All the Games (2030)
  5. Bubbles3 (1892)