https://stroketars.hu/upload/stroke/js/videoplayer.js

1window.VideoLayer = 
2{
3	Highlight: '<div class="video-layer-highlight"></div>',
4	Content: '<div class="video-layer-content">',
5	Frame: '<div class="video-layer-frame"></div>',
6	TextHolder: '<div class="video-layer-text"></div>',
7	CloseBox: '<div class="video-layer-closebox"><span class="video-close-button">BEZÁR</span></div>',
8	
9	Instance: null,
10	
11	Init: function(selector, originUrl)
12	{
13		jQuery(selector).each(function() {
14			jQuery(this).removeAttr("href");
15			jQuery(this).click(function()
16			{
17				VideoLayer.Open(
18					jQuery(this).attr("data-youtubeid"),
19					jQuery(this).attr("data-text"),
20					originUrl
21				);
22			});
23		});
24	},
25	Open: function(youtubeId, text, originUrl)
26	{
27		var videoUrl = "//www.youtube.com/embed/" + youtubeId + "?enablejsapi=1";
28		if (originUrl && originUrl.length > 0)
29			videoUrl += "&origin=" + originUrl;
30		
31		var _instance = jQuery.parseHTML('<div id="video-layer-popup"></div>');
32		var _highlight = jQuery.parseHTML(this.Highlight);
33		var _content = jQuery.parseHTML(this.Content);		
34		var _frame = jQuery.parseHTML(this.Frame);
35		var _textHolder = jQuery.parseHTML(this.TextHolder);
36		var _closeBox = jQuery.parseHTML(this.CloseBox);
37		
38		jQuery(_textHolder).html(text);
39		
40		jQuery(_closeBox).find(".video-close-button").click(this.Close);
41		jQuery(_highlight).click(this.Close);
42		
43		jQuery(_frame).append('<div class="embed-responsive embed-responsive-16by9"><iframe src="' + videoUrl + '"></iframe></div>');
44		
45		//jQuery(_content).append();
46		jQuery(_content).append(jQuery(_frame).append(_textHolder));
47		jQuery(_content).append(_closeBox);
48		
49		jQuery(_instance).append(_highlight);
50		jQuery(_instance).append(_content);
51				
52		this.Instance = _instance;
53		
54		jQuery(_instance).css("display", "none");
55		jQuery("body").append(this.Instance);
56		
57		jQuery(this.Instance).show();
58	},	
59	Close: function()
60	{
61			jQuery(VideoLayer.Instance).hide(0, VideoLayer.Distroy);
62	},
63	Distroy: function()
64	{
65		jQuery(VideoLayer.Instance).remove()
66		VideoLayer.Instance = null;
67	}
68}
69
70jQuery(document).ready(function() {
71    VideoLayer.Init("ul.interview-list li a, .video-interview-slide a, .video-sublist li a");
72});