Responsive cho Video
To scale a YouTube video to fit any browser or tablet/mobile device for responsive design you can use either a CSS or Javascript solution to accomplish the goal. This example uses a CSS solution, you need to add a couple of CSS styles in your main CSS file. The Process The first thing that you need is the YouTube iframe embed code, grab that in your video share options from the YouTube site. Place the iframe code on your page, in this example above the iframe's container div (div.youtubevideowrap) has 2 CSS declarations for width, it has a width:80% and a max-width:640px . This makes the content fluid as a percentage unit is used, it also has a max-width set as I don't want the video displaying wider than 640px From here we need to add in a HTML container around the video and declare the CSS. Setting Up the HTML and CSS Styles Create a container div around the iframe code and give it a class eg: <div class="video-container"><iframe......