https://ecomatin.net/_next/static/chunks/3434-ff7d355196c145ea.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3434],{23434:(e,t,l)=>{l.d(t,{default:()=>v});var n=l(95155),r=l(12115);let s=["slow-2g","2g","3g"],i=["slow-2g","2g"];var o=l(40980);let a="https://www.youtube-nocookie.com",c=new Set([a,"https://www.youtube.com"]);var u=l(5772),d=l(99207);function h({src:e,alt:t}){return(0,d.DX)(e)?(0,n.jsx)(u.default,{src:e,alt:t,fill:!0,sizes:d.Ey,className:"object-cover"}):(0,n.jsx)("img",{src:e,alt:t,loading:"lazy",decoding:"async",className:"absolute inset-0 h-full w-full object-cover"})}function m({id:e,title:t,poster:l,autoplay:s=!1,active:i=!0}){let[o,u]=(0,r.useState)(!1),d=(0,r.useRef)(null),v=(0,r.useRef)(null),[p,f]=(0,r.useState)(!1),x=o||s&&i,[b,w]=(0,r.useState)(!0),[g,j]=(0,r.useState)(!1),[y,k]=(0,r.useState)(!1),[N,C]=(0,r.useState)(!1),[z,L]=(0,r.useState)(!1);(0,r.useEffect)(()=>{if(!y||z||N)return;let e=window.setTimeout(()=>L(!0),4e3);return()=>window.clearTimeout(e)},[y,z,N]);let E=(0,r.useCallback)((e,t)=>{d.current?.contentWindow?.postMessage(function(e,t=[]){return JSON.stringify({event:"command",func:e,args:t})}(e,t),a)},[]);(0,r.useEffect)(()=>{if(!x)return;j(!0),w(!o);let e=!1,t=t=>{var l;l=t.origin,c.has(l)&&(e=!0,C(!0));let n=function(e,t){let l;if(!c.has(e)||"string"!=typeof t)return null;try{l=JSON.parse(t)}catch{return null}if(!l||"object"!=typeof l)return null;let n=l,r={};if("onStateChange"===n.event&&"number"==typeof n.info&&(r.playing=1===n.info),n.info&&"object"==typeof n.info){let e=n.info;"boolean"==typeof e.muted&&(r.muted=e.muted),"number"==typeof e.playerState&&(r.playing=1===e.playerState)}return void 0===r.playing&&void 0===r.muted?null:r}(t.origin,t.data);n&&(void 0!==n.playing&&(j(n.playing),n.playing&&L(!0)),void 0!==n.muted&&w(n.muted))},l=()=>d.current?.contentWindow?.postMessage(JSON.stringify({event:"listening"}),a);window.addEventListener("message",t),l();let n=window.setInterval(()=>{e?window.clearInterval(n):l()},500),r=window.setTimeout(()=>window.clearInterval(n),3e4);return()=>{window.removeEventListener("message",t),window.clearInterval(n),window.clearTimeout(r)}},[x]),(0,r.useEffect)(()=>{let e=()=>{let e=document,t=document.fullscreenElement??e.webkitFullscreenElement;f(!!t&&t===v.current)};return e(),document.addEventListener("fullscreenchange",e),document.addEventListener("webkitfullscreenchange",e),()=>{document.removeEventListener("fullscreenchange",e),document.removeEventListener("webkitfullscreenchange",e)}},[]);let S=()=>{let e=document;(document.fullscreenElement??e.webkitFullscreenElement)&&(document.exitFullscreen?document.exitFullscreen().catch(()=>{}):e.webkitExitFullscreen?.())},M=()=>{E("pauseVideo"),j(!1),S(),window.open(`https://www.youtube.com/watch?v=${e}`,"_blank","noopener,noreferrer")};return x?(0,n.jsxs)("div",{ref:v,className:"absolute inset-0 bg-black",children:[(0,n.jsx)("iframe",{ref:d,className:"pointer-events-none absolute inset-0 h-full w-full",src:function(e,{autoplay:t=!1,mute:l=!1}={}){let n=new URLSearchParams({playsinline:"1",rel:"0",controls:"0",iv_load_policy:"3",fs:"0",disablekb:"1",modestbranding:"1",enablejsapi:"1"});return t&&n.set("autoplay","1"),l&&n.set("mute","1"),`https://www.youtube-nocookie.com/embed/${e}?${n.toString()}`}(e,{autoplay:!0,mute:!o}),title:t,allow:"autoplay; encrypted-media; picture-in-picture; fullscreen",allowFullScreen:!0,referrerPolicy:"strict-origin-when-cross-origin",sandbox:"allow-scripts allow-same-origin allow-presentation allow-popups",onLoad:()=>k(!0)}),z?null:(0,n.jsx)("div",{className:"pointer-events-none absolute inset-0",children:l?(0,n.jsx)(h,{src:l,alt:t}):(0,n.jsxs)("div",{className:"absolute inset-0 flex flex-col items-center justify-center gap-2 bg-slate-900 px-6 text-center text-white",children:[(0,n.jsxs)("svg",{width:"36",height:"36",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",className:"opacity-70","aria-hidden":"true",children:[(0,n.jsx)("rect",{x:"2",y:"4",width:"20",height:"16",rx:"2"}),(0,n.jsx)("path",{d:"m10 9 5 3-5 3V9Z",fill:"currentColor",stroke:"none"})]}),(0,n.jsx)("p",{className:"text-sm font-semibold",children:t})]})}),(0,n.jsx)("button",{type:"button",onClick:M,"aria-label":`Voir \xab ${t} \xbb sur YouTube`,title:"Voir sur YouTube",className:"absolute inset-0 h-full w-full cursor-pointer"}),(0,n.jsxs)("div",{className:"pointer-events-none absolute inset-x-0 bottom-0 flex items-center gap-2 p-2",children:[(0,n.jsx)("button",{type:"button",onClick:()=>{E(g?"pauseVideo":"playVideo"),j(!g)},"aria-label":g?"Mettre en pause":"Lire la vid\xe9o",className:"pointer-events-auto flex h-9 w-9 items-center justify-center rounded-full bg-black/60 text-white backdrop-blur transition-colors hover:bg-black/80",children:g?(0,n.jsx)("svg",{viewBox:"0 0 24 24",className:"h-4 w-4",fill:"

1currentColor","aria-hidden":"true",children:(0,n.jsx)("path",{d:"M6 4h4v16H6zM14 4h4v16h-4z"})}):(0,n.jsx)("svg",{viewBox:"0 0 24 24",className:"ml-0.5 h-4 w-4",fill:"currentColor","aria-hidden":"true",children:(0,n.jsx)("path",{d:"M8 5v14l11-7z"})})}),(0,n.jsx)("button",{type:"button",onClick:()=>{b?(E("unMute"),E("setVolume",[100])):E("mute"),w(!b)},"aria-label":b?"Activer le son":"Couper le son","aria-pressed":!b,className:"pointer-events-auto flex h-9 w-9 items-center justify-center rounded-full bg-black/60 text-white backdrop-blur transition-colors hover:bg-black/80",children:b?(0,n.jsxs)("svg",{viewBox:"0 0 24 24",className:"h-4 w-4",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round","aria-hidden":"true",children:[(0,n.jsx)("path",{d:"M11 5 6 9H3v6h3l5 4V5Z",fill:"currentColor",stroke:"none"}),(0,n.jsx)("path",{d:"m16 9 5 6M21 9l-5 6"})]}):(0,n.jsxs)("svg",{viewBox:"0 0 24 24",className:"h-4 w-4",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round","aria-hidden":"true",children:[(0,n.jsx)("path",{d:"M11 5 6 9H3v6h3l5 4V5Z",fill:"currentColor",stroke:"none"}),(0,n.jsx)("path",{d:"M15.5 8.5a5 5 0 0 1 0 7M18.5 5.5a9 9 0 0 1 0 13"})]})}),(0,n.jsx)("button",{type:"button",onClick:()=>{let e=v.current;if(!e)return;if(p)return void S();let t=e.requestFullscreen??e.webkitRequestFullscreen;t?Promise.resolve(t.call(e)).catch(()=>M()):M()},"aria-label":p?"Quitter le plein \xe9cran":"Plein \xe9cran",className:"pointer-events-auto ml-auto flex h-9 w-9 items-center justify-center rounded-full bg-black/60 text-white backdrop-blur transition-colors hover:bg-black/80",children:p?(0,n.jsx)("svg",{viewBox:"0 0 24 24",className:"h-4 w-4",fill:"currentColor","aria-hidden":"true",children:(0,n.jsx)("path",{d:"M8 8H4v2h6V4H8v4zm6 0V4h-2v6h6V8h-4zM8 16v4h2v-6H4v2h4zm6 4h2v-4h4v-2h-6v6z"})}):(0,n.jsx)("svg",{viewBox:"0 0 24 24",className:"h-4 w-4",fill:"currentColor","aria-hidden":"true",children:(0,n.jsx)("path",{d:"M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"})})})]})]}):(0,n.jsxs)("button",{type:"button",onClick:()=>u(!0),"aria-label":`Lire la vid\xe9o : ${t}`,className:"group/yt absolute inset-0 h-full w-full",children:[l?(0,n.jsx)(h,{src:l,alt:t}):null,(0,n.jsx)("span",{className:"absolute inset-0 flex items-center justify-center bg-black/25 transition-colors group-hover/yt:bg-black/10",children:(0,n.jsx)("span",{className:"flex h-16 w-16 items-center justify-center rounded-full bg-black/60 text-white shadow-lg",children:(0,n.jsx)("svg",{viewBox:"0 0 24 24",className:"ml-1 h-7 w-7",fill:"currentColor","aria-hidden":"true",children:(0,n.jsx)("path",{d:"M8 5v14l11-7z"})})})})]})}function v({video:e,baseSlot:t,deferReveal:l=!1,pipOnly:a=!1,relatedShortUrl:c}){let u=(0,r.useRef)(null),d=(0,r.useRef)(null),[h,p]=(0,r.useState)(!1),[f,x]=(0,r.useState)(!1),[b,w]=(0,r.useState)(16),[g,j]=(0,r.useState)(!1),[y,k]=(0,r.useState)(!1),[N,C]=(0,r.useState)(!1),[z,L]=(0,r.useState)(!1),[E,S]=(0,r.useState)(!1),[M,V]=(0,r.useState)(!0),[B,F]=(0,r.useState)(0);(0,r.useEffect)(()=>{let e=u.current;if(!e)return;let t=0,l=()=>{t=0;let l=e.getBoundingClientRect().bottom<80;p(l),l&&x(!0)},n=()=>{t||(t=requestAnimationFrame(l))};return l(),window.addEventListener("scroll",n,{passive:!0}),window.addEventListener("resize",n),()=>{t&&cancelAnimationFrame(t),window.removeEventListener("scroll",n),window.removeEventListener("resize",n)}},[]),(0,r.useEffect)(()=>{let e=()=>{let e=document.querySelector(".container");if(!e)return;let t=e.getBoundingClientRect(),l=parseFloat(getComputedStyle(e).paddingLeft)||0;w(Math.max(0,t.left+l))};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),(0,r.useEffect)(()=>{let e=u.current;if(!e||z)return;let t=new IntersectionObserver(e=>{e.some(e=>e.isIntersecting)&&(L(!0),t.disconnect())},{rootMargin:"400px 0px"});return t.observe(e),()=>t.disconnect()},[z]);let[H,P]=(0,r.useState)(!0),[R,I]=(0,r.useState)(!0);(0,r.useEffect)(()=>{let e,t=(e=navigator.connection,{saveData:e?.saveData,effectiveType:e?.effectiveType,viewportWidth:window.innerWidth});P(function(e={}){let{saveData:t,effectiveType:l,viewportWidth:n}=e;

1return!(t||l&&s.includes(l.toLowerCase()))&&("number"!=typeof n||!(n<768))}(t)),I(function(e={}){let{saveData:t,effectiveType:l}=e;return!(t||l&&i.includes(l.toLowerCase()))}(t))},[]),(0,r.useEffect)(()=>{let e=d.current;e&&!y&&z&&H&&(e.muted=!0,e.play().catch(()=>{}))},[y,z,H]);let T=()=>{let e=d.current;e&&(e.paused?e.play().catch(()=>{}):e.pause())},W=h&&!g&&!y,_=!a&&(!l||f),q=!!t&&(a||l&&!_),D=W?{position:"fixed",left:b,top:76,width:320,zIndex:50}:{position:"absolute",inset:0,zIndex:10},Z=M||0===B,$=W||!q,A=function(e){let t,l;if(!e)return;try{t=new URL(e)}catch{return}let n=t.hostname.replace(/^www\./,"").toLowerCase();if("youtu.be"===n)l=t.pathname.split("/").filter(Boolean)[0];else if("youtube.com"===n||"m.youtube.com"===n||"youtube-nocookie.com"===n){let e=t.pathname.split("/").filter(Boolean);l="shorts"===e[0]||"embed"===e[0]||"v"===e[0]?e[1]:t.searchParams.get("v")||void 0}return l&&o.sw.test(l)?l:void 0}(c);return(0,n.jsx)("div",{ref:u,className:"relative aspect-video w-full overflow-hidden rounded-lg bg-slate-900",children:y?(0,n.jsxs)(n.Fragment,{children:[e.poster&&(0,n.jsx)("img",{src:e.poster,alt:e.title,className:"absolute inset-0 h-full w-full object-cover"}),(0,n.jsxs)("div",{className:"absolute inset-0 flex flex-col items-center justify-center gap-2 bg-black/50 px-6 text-center text-white",children:[(0,n.jsxs)("svg",{width:"40",height:"40",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",className:"opacity-80","aria-hidden":"true",children:[(0,n.jsx)("rect",{x:"2",y:"4",width:"20",height:"16",rx:"2"}),(0,n.jsx)("path",{d:"m10 9 5 3-5 3V9Z",fill:"currentColor",stroke:"none"})]}),(0,n.jsx)("p",{className:"text-sm font-semibold",children:e.title}),(0,n.jsx)("p",{className:"text-xs text-white/70",children:"Cette vid\xe9o ne peut pas \xeatre lue sur ce navigateur."})]})]}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("div",{style:D,className:"group overflow-hidden rounded-lg bg-black shadow-2xl",children:[(0,n.jsx)("div",{className:"relative h-full w-full",style:{aspectRatio:"16 / 9"},children:A?(0,n.jsx)(m,{id:A,title:e.title,poster:e.poster,autoplay:R,active:z&&$}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("video",{ref:d,className:"absolute inset-0 h-full w-full object-contain",src:z?e.videoUrl:void 0,poster:e.poster,muted:!0,playsInline:!0,loop:!0,preload:z&&H?"metadata":"none","aria-label":e.title,controlsList:"nodownload noremoteplayback noplaybackrate",disablePictureInPicture:!0,disableRemotePlayback:!0,onContextMenu:e=>e.preventDefault(),onClick:W&&c?()=>window.open(c,"_blank","noopener,noreferrer"):T,title:W&&c?"Voir la vid\xe9o sur YouTube":void 0,onPlay:()=>S(!0),onPause:()=>S(!1),onVolumeChange:e=>{let t=e.currentTarget;V(t.muted),F(t.muted?0:t.volume)},onError:()=>k(!0),onLoadedData:()=>C(!0)}),!e.poster&&!N&&(0,n.jsxs)("div",{className:"pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-2 bg-slate-900 px-6 text-center text-white",children:[(0,n.jsxs)("svg",{width:"36",height:"36",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",className:"opacity-70","aria-hidden":"true",children:[(0,n.jsx)("rect",{x:"2",y:"4",width:"20",height:"16",rx:"2"}),(0,n.jsx)("path",{d:"m10 9 5 3-5 3V9Z",fill:"currentColor",stroke:"none"})]}),(0,n.jsx)("p",{className:"text-sm font-semibold",children:e.title})]}),!E&&(0,n.jsx)("button",{type:"button",onClick:T,"aria-label":"Lire la vid\xe9o",className:"absolute inset-0 flex items-center justify-center bg-black/25 transition-colors hover:bg-black/10",children:(0,n.jsx)("span",{className:"flex h-16 w-16 items-center justify-center rounded-full bg-black/60 text-white shadow-lg",children:(0,n.jsx)("svg",{viewBox:"0 0 24 24",className:"ml-1 h-7 w-7",fill:"currentColor","aria-hidden":"true",children:(0,n.jsx)("path",{d:"M8 5v14l11-7z"})})})}),(0,n.jsxs)("div",{className:"absolute inset-x-0 bottom-0 flex items-center gap-3 bg-gradient-to-t from-black/70 to-transparent px-3 py-2 text-white opacity-0 transition-opacity group-hover:opacity-100",children:[(0,n.jsx)("button",{type:"button","aria-label":E?"Pause":"Lecture",onClick:T,className:"shrink-0",children:E?(0,n.jsx)("svg",{viewBox:"0 0 24 24",className:"h-5 w-5",fill:"currentColor","aria-hidden":"true",children:(0,n.jsx)("path",{d:"M6 5h4v14H6zM14 5h4v14h-4z"})}):(0,n.jsx)("svg",{viewBox:"0 0 24 24",className:"h-5 w-5",fill:"currentColor","aria-hidden":"true",children:(0,n.jsx)("path",{d:"M8 5v14l11-7z"})})}),(0,n.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,n.jsx)("button",{type:"button","aria-label":Z?"Activer le son":"Couper le son",onClick:()=>{let e=d.current;e&&(e.muted=!e.muted,e.muted||0!==e.volume||(e.volume=1))},className:"shrink-0",children:Z?(0,n.jsx)("svg",{viewBox:"0 0 24 24",className:"h-5 w-5",fill:"currentColor","aria-hidden":"true",children:(0,n.jsx)("path",{d:"M3 9v6h4l5 5V4L7 9H3zm13.5 3 2.5 2.5-1 1L15.5 13 13 15.5l-1-1L14.5 12 12 9.5l1-1L15.5 11 18 8.5l1 1L16.5 12z"})}):(0,n.jsx)("svg",{viewBox:"0 0 24 24",className:"h-5 w-5",fill:"currentColor","aria-hidden":"true",children:(0,n.jsx)("path",{d:"M3 9v6h4l5 5V4L7 9H3zm13-1.5a4.5 4.5 0 0 1 0 9v-2a2.5 2.5 0 0 0 0-5v-2z"})})}

1),(0,n.jsx)("input",{type:"range",min:0,max:1,step:.05,value:Z?0:B,onChange:e=>{let t=d.current;if(!t)return;let l=Number(e.target.value);t.volume=l,t.muted=0===l},"aria-label":"Volume",className:"h-1 w-16 cursor-pointer accent-white"})]}),(0,n.jsx)("button",{type:"button","aria-label":"Plein \xe9cran",onClick:()=>{let e=d.current;e&&(document.fullscreenElement?document.exitFullscreen?.():e.requestFullscreen?e.requestFullscreen():e.webkitEnterFullscreen&&e.webkitEnterFullscreen())},className:"ml-auto shrink-0",children:(0,n.jsx)("svg",{viewBox:"0 0 24 24",className:"h-5 w-5",fill:"currentColor","aria-hidden":"true",children:(0,n.jsx)("path",{d:"M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"})})})]})]})}),W&&(0,n.jsx)("button",{type:"button","aria-label":"Fermer",onClick:()=>j(!0),className:"absolute right-1 top-1 z-10 flex h-6 w-6 items-center justify-center rounded-full bg-black/60 text-sm font-bold text-white opacity-0 transition-opacity hover:bg-black/80 group-hover:opacity-100",children:"✕"})]}),q&&(0,n.jsx)("div",{className:"absolute inset-0 z-20",children:t})]})})}}}]);