https://islamdevleti.net/wp-content/plugins/idishortcodes/js/YoutubePlayList.js

1function onGoogleLoad() {
2            gapi.client.setApiKey('AIzaSyAd-N_4sLkkD7bGp10ZBGojWMZ2ntz0SwY');
3            gapi.client.load('youtube', 'v3', function() {
4
5                var request = gapi.client.youtube.playlistItems.list({
6                    part: 'snippet',
7                    playlistId: 'PLWWEfq80nihhj25CgI17fJuDKxgbv6PKt',
8                    maxResults: 9
9                });
10
11                request.execute(function(response) {
12					var html = '<div class="cat-box-title"><h2><a href="https://www.youtube.com/user/TefsirulFurkan/videos">TEFSIR</a></h2><div class="stripe-line"></div></div><section class="cat-box scroll-box tie-cat-2222">'+
13						'<div class="cat-box-content">'+
14							'<div id="slideshow2222" class="group_items-box" >';
15					
16					for (var i = 0; i < response.items.length; i++) {
17						var date = new Date(response.items[i].snippet.publishedAt);
18						var options = { year: 'numeric', month: 'long', day: 'numeric' };
19						var dateText = new Intl.DateTimeFormat('tr-TR', options).format(date);
20						html+= '<div class="scroll-item tie_video">'+		
21										'<div class="post-thumbnail">'+
22											'<a target="_blank" href="https://youtu.be/'+response.items[i].snippet.resourceId.videoId+'" rel="bookmark">'+
23												'<img src="'+response.items[i].snippet.thumbnails.medium.url+'" class="attachment-tie-medium size-tie-medium wp-post-image tie-appear" alt="" width="310" height="165">'+
24												'<span class="fa overlay-icon"></span>'+
25											'</a>'+
26										'</div><!-- post-thumbnail /-->	'+
27									'<h3 class="post-box-title"><a target="_blank" href="https://youtu.be/'+response.items[i].snippet.resourceId.videoId+'" rel="bookmark">'+response.items[i].snippet.title+'</a></h3>'+
28									'<p class="post-meta">'+
29										'<span class="tie-date"><i class="fa fa-clock-o"></i>'+dateText+'</span>'+
30									'</p>'+
31								'</div>';
32                    }					
33					html+= '<div class="clear"></div>'+
34							'</div>'+ //slideshow2222
35							'<div id="nav2222" class="scroll-nav"></div>'+
36						'</div>'+ //cat-box-content
37					'</section>';
38	
39					jQuery("#yt-tefsir").append(html);
40					
41					var vids = jQuery("#slideshow2222 .scroll-item");
42					for(var i = 0; i < vids.length; i+=3) {
43					  vids.slice(i, i+3).wrapAll('<div class="group_items"></div>');
44					}
45					jQuery(function() {
46						jQuery('#slideshow2222').cycle({
47							fx:     'scrollHorz',
48							timeout: 3000,
49							pager:  '#nav2222',
50							slideExpr: '.group_items',
51							speed: 300,
52							slideResize: false,
53							pause: true
54						});
55					});
56                    
57                });
58            });
59        }