https://mezen.ru/cms_js/videogallery.js

1$(document).ready( function () {
2	
3	$('.show-video').bind('click', function(){
4		var id = /show-video-(\d+)/.exec(this.className)[1];
5		showVideo(id)
6	})
7	
8} )
9
10function showVideo (id) {
11	
12	kl83.blind_window();
13	$('#blind-window').attr('title','Закрыть')	
14	
15	$('body').append('<div id="video-window"></div>');
16	var p_left	= ($('body').width()-650)/2;
17	var p_top	= (($(window).height() - 500)/2);	
18	$('#video-window').css({
19		'position':'fixed',
20		'left': p_left+'px',
21		'top': p_top+'px',
22		'width':'650px',
23		'height':'500px',
24		'background-color':'#fff',
25		'box-shadow':'0 0 4px RGBa(0,0,0,0.4)',
26		'z-index':'1001'
27	})
28	
29	$('body').append('<div id="video-title"></div>');
30	$('#video-title').css({
31		'position':'fixed',
32		'left': p_left+'px',
33		'top': p_top-30+'px',
34		'width':'650px',
35		'font-size':'130%',
36		'color':'#fff',
37		'z-index':'1002'
38	})
39	
40	$.ajax ( { type: 'post', url: '/videogallery/get-video.html', dataType: 'json', async: true,
41		data: { id:id },
42		success: function ( data ) {
43			if ( data.video != '' ) {
44				$('#video-window').html(data.video)
45			} else {
46				$('#video-window').html("Файл не найден")
47			}
48			$('#video-title').html(data.title)
49		}
50	})
51		
52	$('#blind-window').bind('click', function () { closeVideo() } )
53}
54
55function closeVideo () {
56	kl83.blind_window_hide();
57	$('#video-window').remove()
58	$('#video-title').remove()
59}