динамическое загрузка ютуб роликов для мобайла

example.html

<div class="videowrapper">
    <a href="{{ url }}" target="_blank">
        <img src="{{ img-url }}" alt=""/>
    </a>
</div>

style.styl

.videowrapper {

    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    position: relative
    a {
        cursor: pointer
        display: block
        left: 0
        top: 0
        position: absolute
        width: 100%
        height: 100%
        text-decoration: none !important
    }
    img {
        left: 0
        top: 0
        position: absolute
        width: 100%
    }
    iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

youtube.js

$('.videowrapper a').click(function () {
    var $this = $(this);
    var url = $this.attr('href');
    $this.parent().append($('<iframe>').attr({
        src: url+'?autoplay=1&rel=0&showinfo=0&border=0&iv_load_policy=3&modestbranding=1',
        frameborder: "0",
        allowfullscreen: null
    }));
    $this.remove()
    return false
})