Synnefo » snf-cloudcms

<a href="#" id="stop-youtube" title="hide video">X</a>

<div class="video-thumb">

        <a href="#" class="play">play</a>

        <img src="{{ content.image.get_absolute_url }}" alt="">

        <div class="player-placeholder"></div>

</div>

<script>

        var video_settings = {

                'wrapper': $(".video-thumb"),

                'youtube_id': '{{ content.youtube_id}}',

        }; 

        function onYouTubeIframeAPIReady() {

                var youtube = new YouTube(video_settings);

                window.youtube = youtube;

        }

</script>