https://www.citedelamer.com/wp-content/themes/citedelamer2025/library/js/video.js

1//=========================
2//VIDEO PLAYER - HOME
3//=========================
4function HomePano(){
5	var video = jQuery('.media .commercial').text(); //afficher ou non une video
6	var title = jQuery('.media .none').text();
7	
8	var visuelBig = jQuery('.media .visuelBig').text();
9	var visuelSmall = jQuery('.media .visuelSmall').text();
10	
11	var mp4video = jQuery('.media .mp4video').text();
12	var webmvideo = jQuery('.media .webmvideo').text();
13	
14	
15	
16	//FONCTION GLOBALE
17	if(jQuery('.video-container').html() ){//si deja charge	
18		//nothing
19	}else{ //si vide
20	
21		// if(jQuery(window).width() > 767) {//BIG SCREEN
22		
23		//MISE EN PLACE ARRIERE PLAN
24		jQuery('#video_cover').css('background-image', 'url("'+visuelBig+'")');
25		
26		if(video == 'true'){
27			 var bv = new Bideo();
28			  bv.init({
29			    // Video element
30			    videoEl: document.querySelector('#background_video'),
31			
32			    // Container element
33			    container: document.querySelector('#homepage'),
34			
35			    // Resize
36			    resize: true,
37			
38			    // autoplay: false,
39			
40			    isMobile: window.matchMedia('(max-width: 1025px)').matches,
41			
42			    playButton: document.querySelector('#play'),
43			    pauseButton: document.querySelector('#pause'),
44			
45			    // Array of objects containing the src and type
46			    // of different video formats to add
47			    src: [
48			      {
49			        //src: '/wp-content/themes/citedelamer2019/library/video/'+title+'.mp4',
50			        src: mp4video,
51			        type: 'video/mp4'
52			      },
53			      {
54			        //src: '/wp-content/themes/citedelamer2019/library/video/'+title+'.webm',
55			        src: webmvideo,
56			        type: 'video/webm;codecs="vp8, vorbis"'
57			      }
58			    ],
59			
60			    // What to do once video loads (initial frame)
61			    onLoad: function () {
62			      document.querySelector('#video_cover').style.display = 'none';
63			    }
64			 });
65	  			
66		// }
67		// else{
68		// 	//SI UNIQUEMENT UN VISUEL
69			
70		// 	jQuery('#video_controls').remove();
71		// 	jQuery('#background_video').remove();
72		// 	jQuery('#video_cover').css('display','block'); 
73			
74			
75		// 	jQuery('#video_cover').html('<img src="'+visuelBig+'" alt="'+title+'">');
76		// 	jQuery('.media .none').remove();	
77		// 	jQuery('.media .commercial').remove();
78		// 	jQuery('.media .visuelBig').remove();	
79		// 	jQuery('.media .visuelSmall').remove();
80		// 	jQuery('.media .mp4video').remove();
81		// 	jQuery('.media .webmvideo').remove();
82			
83		// }	
84			
85			
86					
87	}
88	
89	// else{//SMARTPHONE
90		
91	// 	jQuery('#video_cover').css('background-image', 'url("'+visuelSmall+'")');	
92			
93	// 	jQuery('#video_controls').remove();
94	// 	jQuery('#background_video').remove();
95	// 	jQuery('#video_cover').css('display','block'); 
96			
97	// 	if(video == 'true'){
98	// 		//console.log(title);
99	// 		jQuery('#video_cover').html('<img src="'+visuelSmall+'" alt="'+title+'">'); 
100	// 		jQuery('.media .none').remove();	
101	// 		jQuery('.media .commercial').remove();
102	// 		jQuery('.media .visuelBig').remove();	
103	// 		jQuery('.media .visuelSmall').remove();
104	// 		jQuery('.media .mp4video').remove();
105	// 		jQuery('.media .webmvideo').remove();
106	// 	}else{
107	// 		jQuery('#video_cover').html('<img src="'+visuelSmall+'" alt="'+title+'">');
108	// 		jQuery('.media .none').remove();	
109	// 		jQuery('.media .commercial').remove();
110	// 		jQuery('.media .visuelBig').remove();	
111	// 		jQuery('.media .visuelSmall').remove();
112	// 		jQuery('.media .mp4video').remove();
113	// 		jQuery('.media .webmvideo').remove();
114	// 	}
115	// }	
116	//lancement action
117	//jQuery('.media .texture').before(player);	
118   
119  } 
120   	//Ancre
121	jQuery('.fleche_bas').click(function(){ 
122			var the_id = jQuery('#container');  
123			 jQuery('html,body').animate({  
124			      scrollTop:(jQuery(the_id).offset().top) - 200
125			  }, 'slow');  
126			  return false;   
127	});
128   
129}
130
131
132//===============================
133// Put all your regular jQuery in here.
134//==============================
135jQuery(document).ready(function($){	
136	HomePano();	//Video player	
137});