https://www.akihiro-ohta.com/js/promotional_video.js

1(function ( $ ) {
2
3    var showVideo = function( url, title ) {
4        if ( ! url ) {
5            return false;
6        }
7        $( 'body' ).append([
8            '<div id="promotional_video">',
9            '<iframe width="853" height="480" src="' + url + '?autoplay=1&t=0&rel=0" frameborder="0" allowfullscreen style="margin: -280px 0 0 -426px;"></iframe>',
10            '<div class="close" style="margin: -280px 0 0 427px;"></div>',
11            '</div>',
12        ].join(''));
13        $( '#promotional_video' ).bind('click', function () {
14            $( this ).hide().remove();
15        });
16    };
17
18    $(function () {
19        $( 'a.special_youtube_promotion' ).click(function() {
20            showVideo( $( this ).attr( 'data-video' ), $( this ).find("img").attr( 'alt' ) );
21            return false;
22        });
23        $( '#special_cover a.special_cover_promotion' ).click(function () {
24            showVideo( '//www.youtube.com/embed/' + $( this ).attr( 'data-video-id' ), $( this ).find("img").attr( 'alt' ) );
25            return false;
26        })
27    });
28
29    if ( !/e2014/.test( window.location.hash || '' ) ) {
30        return false;
31    }
32
33    $.ajax({
34        url: 'promotional_video/index.json?dt=' + new Date().getTime(),
35        success: function( data ) {
36            showVideo( data[0].url, data[0].title );
37        }
38    });
39    
40})( jQuery );