blog css VIDEO youtube

How to create fluid width videos with CSS #BOOKMARK

<iframe> video (YouTube, Vimeo, etc)

Our little 100% width trick isn’t going to help us when dealing with video that is delivered via iframe. Setting a height is required, otherwise browsers will render the iframe at a static height of 150px, which is far too squat for most video and makes for more R&E (Ridiculous and Embarrassing). Literally all browsers will render iframe, canvas, embed, and object tags as 300px x 150px if not otherwise declared. Even if this isn’t present in the UA stylesheet.

The iframe above is missing its height attribute. While it's 100% width, its height is a static (and impractical) 150px
The iframe above is missing its height attribute. While it’s 100% width, its height is a static (and impractical) 150px

Fortunately there are a couple of possible solutions here. One of them was pioneered by Thierry Koblentz and presented on A List Apart in 2009: Creating Intrinsic Ratios for Video. With this technique, you wrap the video in another element which has an intrinsic aspect ratio, then absolute position the video within that. That gives us fluid width with a reasonable height we can count on.

    <div class=”videoWrapper”>
<!– Copy & Pasted from YouTube –>
<iframe width=”560″ height=”349″ src=”″ frameborder=”0″ allowfullscreen></iframe>

    .videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;

9 box
Whatever YouTube iframe embed code you paste within the .videoWrapper, you’ll see it presented in a fluid 16:9 box
blog OS X

How to Make YouTube Videos Load Faster on broadlink choor ISP nepal

1. open your host file. google – host file in windows , host file in window7 , host file in windows8, host file in Linux , host file in Mac

2. Open a Command Prompt (WINDOWS) or Terminal (MAC OR LINUX) then type


Screenshot from 2015-04-16 12:09:07

find youtube ip here is current youtube ip

3. add ip to host file

Screenshot from 2015-04-16 12:14:55


4. flush DNS — goolge — flush dns windows 7, flush dns windows 8, flush dns windows Linux, flush dns Mac





there is lots of youtube ip so re start same steps. here are some youtube ip

Screenshot from 2015-04-16 12:11:02