https://www.bancomundial.org/etc.clientlibs/worldbankgroup/components/content/multi_indepth/clientlibs/site.js

1$(document).ready(function(){
2    
3    $(".inlineplay").click(function(e){ 
4
5        var iframe = $(this).parent().find('iframe');
6        var videoObject = $(this).parent().find('.embed-video');
7        var textcontent = $(this).parent().prev();       
8
9        
10        var players  = window.playersaem;   
11        
12        if(iframe.length>=1){           
13
14            
15            $("._loop_multimedia_card .indepth-card-wrapper > .embed-video").find("iframe").removeAttr("style").css({
16                'height': $("._loop_multimedia_card .indepth-card-wrapper > img").height(),
17                'width': $("._loop_multimedia_card .indepth-card-wrapper > img").width()
18            });
19            
20
21            
22            if(typeof textcontent!="undefined" && typeof (textcontent.attr('class')) != 'undefined' && textcontent.attr('class').indexOf('featuredcard')>-1){
23                
24                textcontent.hide();
25                
26            }
27            
28            var srcVal = iframe[0].src;
29            var imageObject = $(this).parent().children(':first-child');
30            var playIcon = $(this).parent().find('.inlineplay');
31            var imgHeight = imageObject.height();
32            
33            
34            if(imageObject.length>=1){
35                
36                imageObject.css("visibility", "hidden");
37                imageObject.css("height", "0");
38                imageObject.css("min-height", "0");
39                imageObject.css("margin", "0");
40
41                //adding to hide scene7 image
42                  imageObject.css("display", "none");
43                
44                if(playIcon.length>=1){
45                    playIcon.css("visibility", "hidden");
46                    playIcon.css("height", "0");
47                }
48                videoObject.css("visibility", "visible");
49                videoObject.css("height", imgHeight);
50                videoObject.show();
51                iframe.parent().css("height", imgHeight);
52            }
53
54            if (srcVal.indexOf("youtube") >= 0 ){
55                var iframeid = iframe[0].id;
56                var player = null;
57
58                if(typeof players !='undefined'){                    
59                    for (x = 0; x < players.length; x++) {
60                        if(iframeid==players[x].a.id){                            
61                            player = players[x];
62                        }
63                    }
64                }
65
66                if(null!= player){                    
67                    player.playVideo();
68                }else{
69                    if(srcVal.indexOf("?") >= 0){
70                        iframe[0].src =iframe[0].src +'&autoplay=1';
71                    }else if (srcVal.indexOf("?") == -1){
72                        iframe[0].src =iframe[0].src +'?autoplay=1';
73                    }
74                }                
75            }
76        }
77        else{
78            var dynamicMediaDiv = $(this).parent().find('.s7videoviewer');
79
80
81            if(dynamicMediaDiv.length>=1){
82
83                console.log("inside dynamic media");
84                var imageObject = $(this).parent().children(':first-child');
85                var playIcon = $(this).parent().find('._loop_play_icon');
86                var imgHeight = imageObject.height();
87                
88                if(imageObject.length>=1){                    
89                    imageObject.css("visibility", "hidden");
90                    imageObject.css("height", "0");
91                    imageObject.css("min-height", "0");
92                    imageObject.css("margin", "0");
93                    
94                    if(playIcon.length>=1){
95                        playIcon.css("visibility", "hidden");
96                        playIcon.css("height", "0");
97                    }
98                    
99                    videoObject.css("visibility", "visible");
100                    videoObject.css("height", imgHeight);
101                    videoObject.show();                    
102                }
103		//$('#s7video_div_playPauseButton').trigger('click');
104
105
106                 $(this).parent().find('.s7playpausebutton').trigger('click');
107
108            }
109
110            /*if (srcVal.indexOf("s7videoviewer") >= 0 ){          
111                var iframeid = iframe[0].id;
112                var player = null;                
113                if(typeof players !='undefined'){                    
114                    for (x = 0; x < players.length; x++) {                        
115                        if(iframeid==players[x].a.id){
116                            player = players[x];
117                        }
118                    }                    
119                }                
120                if(null!= player){                    
121                    player.playVideo();
122                }else{                  
123                    if (srcVal.indexOf("?") >= 0){
124                        iframe[0].src =iframe[0].src +'&autoplay=1';
125                    }else if (srcVal.indexOf("?") == -1){
126                        iframe[0].src =iframe[0].src +'?autoplay=1';
127                    }
128                }
129            } */           
130        }
131        equalHeight($("._loop_indepth_card_wrapper"));
132    });
133    
134});