codehaven - php snippets - coding help
Generic filters
Exact matches only
    • octopus energy discount code

    Responsive Video for YouTube

    3rd March 2015

    CSS

    Css - Codehaven

    This will make your youtube video fully responsive….

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
     
    <div class="videoWrapper">
        <iframe width="560" height="349" src="http://www.youtube.com/embed/XXXXXXXXXXXX?rel=0&hd=1" frameborder="0" allowfullscreen></iframe>
    </div>
     
    .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%;
    }
     

    Was this code snippet helpful?

    RSS Latest Snippets
    LINKS
    A Repository of Code Snippets in many Programming Languages:-

    PHP – JQUERY
    CSS – MYSQL
    WORDPRESS – JAVASCRIPT
    WOOCOMMERCE – HTML

    © 2022 CODEHAVEN