1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[325],{77325:(e,t,l)=>{l.r(t),l.d(t,{default:()=>p});var s=l(37876),a=l(14232),u=l(49340),o=l(69241),r=l(18847),i=l.n(r),n=l(55418),d=l(89099),h=l(18518);let p=({videoLink:e,isMediaRight:t,videoId:r,posterImage:p})=>{let{locale:v}=(0,d.useRouter)(),c=i()(()=>Promise.resolve().then(l.bind(l,79366)),{loadableGenerated:{webpack:()=>[79366]}}),m=i()(()=>Promise.resolve().then(l.bind(l,14632)),{loadableGenerated:{webpack:()=>[14632]}}),[b,w]=(0,a.useState)(!1),f=(0,a.useRef)(null),g=(0,n.X)().isBlackBackground;if(null==e&&null==r)return(0,s.jsx)(s.Fragment,{});let{videoStyle:x,videoButton:_,videoWrapper:j,playButton:y,pauseButton:B,iframeWrapper:T}=(0,u.tv)({slots:{videoWrapper:"w-full h-full relative",videoStyle:"w-full h-full object-cover",videoButton:"heroCarouselButton absolute right-8 ml:right-24 bottom-8 ml:bottom-24 w-40 h-40 [&_svg]:drop-shadow-[0_0_3px_rgb(0,0,0,0.4)] [&_svg]:w-full [&_svg]:h-full rounded-full z-[9]",playButton:"",iframeWrapper:"sectionMediaYoutube w-full aspect-square [&_lite-youtube]:w-full [&_lite-youtube]:h-full [&_lite-youtube_iframe]:!w-full [&_lite-youtube_iframe]:!h-full [&_lite-youtube]:max-w-none [&_[data-ntpc=YouTubeEmbed]]:!w-full [&_[data-ntpc=YouTubeEmbed]]:!h-full",pauseButton:""},variants:{isBlackTheme:{true:{videoButton:"[&_svg]:fill-white"}},isVideoPaused:{true:{pauseButton:"hidden"},false:{playButton:"hidden"}},isMediaRight:{true:{videoButton:"ml:right-24"},false:{videoButton:"ml:left-24"}}}})({isBlackTheme:g,isMediaRight:t,isVideoPaused:b});return(0,s.jsx)("div",{className:j(),children:e?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("video",{className:x(),ref:f,loop:!0,autoPlay:!0,muted:!0,playsInline:!0,preload:"auto",children:[(0,s.jsx)("source",{src:e,type:"video/mp4"}),"Your browser does not support the video tag."]}),(0,s.jsxs)("button",{type:"button","aria-label":"play pause video",className:(0,o.A)(_()),onClick:()=>{f&&f?.current&&(b?f.current.play():f.current.pause(),w(!b))},children:[(0,s.jsx)("span",{className:y(),children:(0,s.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",children:(0,s.jsx)("path",{d:"M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10s10-4.48,10-10S17.52,2,12,2z M9.5,16.5v-9l7,4.5L9.5,16.5z"})})}),(0,s.jsx)("span",{className:B(),children:(0,s.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 -960 960 960",width:"24",children:(0,s.jsx)("path",{d:"M360-320h80v-320h-80v320Zm160 0h80v-320h-80v320ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z"})})})]})]}):r?(0,s.jsx)("div",{className:T(),children:v===h.K4.ZH_CN?(0,s.jsx)(m,{videoid:r,posterImage:p}):(0,s.jsx)(c,{videoid:r,params:"autoplay=1&mute=1&rel=0",youtubePosterImage:p})}):(0,s.jsx)(s.Fragment,{})})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.