FAQ > Contenu

				
					<!-- LazyLoading YouTube Videos 2025-01-30 -->
<style>
    .lazyload-video {
        position:relative;
        display:inline-block;
    }
    .lazyload-video-icon {
        position:absolute;
        width:100%;
        height:100%;
        /* Url de l'icône YouTube */
        background-image:url("[_URL_ICONE_YOUTUBE_]");
        background-position: center center;
        background-repeat:no-repeat;
        z-index:1;
    }
    .lazyload-video img {
        display:block;
        max-width:100%;
        height:auto;
    }
	.lazyload-video.thumbnail-portrait img {
        width:auto;
        max-height:100%;
    }
</style>
<script>
(function() {
	let isIframeLoaded = false;

	// Convertir le lien en iFrame YouTube
	const msw_lazyloading_video = () => {
		if (!isIframeLoaded) {
			isIframeLoaded = true;
			const videos = document.querySelectorAll('.lazyload-video');
			videos.forEach(video => {
				video.addEventListener('click', function(event) {
					event.preventDefault();
					const el = event.currentTarget;
					const thumbnail = el.querySelector('img');
					const w = parseFloat(thumbnail.getAttribute('width'));
					const h = parseFloat(thumbnail.getAttribute('height'));
					const videoRatio = h / w;
					const iframe = document.createElement('iframe');
					iframe.src = el.getAttribute('data-embed-url');
					iframe.setAttribute('data-ratio', videoRatio);
					iframe.setAttribute('allow', 'accelerometer; autoplay; fullscreen; encrypted-media; gyroscope; picture-in-picture');
					iframe.setAttribute('allowfullscreen', true);
					const container = el.parentNode;
					const newWidth = container.offsetWidth;
					const newHeight = newWidth * videoRatio;
					iframe.setAttribute('width', newWidth);
					iframe.setAttribute('height', newHeight);
					container.replaceChild(iframe, el);
				});
			});
		}
	};

	// Rendre les iFrame YouTube Responsive
	const msw_responsive_video = () => {
		const videos = document.querySelectorAll('iframe[src*="//www.youtube"]');
		videos.forEach(video => {
			// Nouvelle dimension
			const videoRatio = parseFloat(video.getAttribute('data-ratio'));
			const newWidth = video.parentNode.offsetWidth;
			const newHeight = newWidth * videoRatio;
			video.width = newWidth;
			video.height = newHeight;
		});
	};

	// Optimiser les performances (réduire le nombre de déclenchement des événements resize)
	const throttle = msw_throttle_resize(msw_responsive_video, 100);
	function msw_throttle_resize(fn, wait) {
		let time = Date.now();
		return function() {
			if ((time + wait - Date.now()) < 0) {
				fn();
				time = Date.now();
			}
		};
	}

	// Activer les vidéos si les cookies Marketing sont acceptés (Complianz)
	function msw_cmplz_enable_video(consentData) {
		if (!consentData || !consentData.detail) {
			console.log('MSW YouTube Videos: Missing consent data.');
			return;
		}
		if (consentData.detail.category === 'marketing'){
			 msw_lazyloading_video();
			 window.addEventListener('resize', throttle);
		}
	}
	document.addEventListener('cmplz_enable_category', msw_cmplz_enable_video);

	document.addEventListener('DOMContentLoaded', function() {
		if (typeof cmplz_has_consent === 'function') {
			if (cmplz_has_consent('marketing')) {
				msw_lazyloading_video();
				window.addEventListener('resize', throttle);
			}
		}
	});

})();
</script>
<!-- END - LazyLoading YouTube Videos 2025-01-30 -->