1import{p as e,d as l,e as t,i as r,o as a,j as o}from"./C_SujqTF.js";const s={key:0,class:"w-full h-full"},i=["src"],u={key:1,class:"xl:w-full w-[582px] h-full min-h-[328px] rounded-[24px] overflow-hidden"},p=["src","title"],n={__name:"YouTubePlayer",props:{videoId:{type:String,default:""},videoTitle:{type:String,default:""}},setup(n){const d=n,c=e(!1),f=e(null),m=l(()=>`https://www.youtube.com/embed/${d.videoId}?controls=1&rel=0&playsinline=0&autoplay=1&enablejsapi=1&playlist=${d.videoId}&loop=1`),v=l(()=>`https://img.youtube.com/vi/${d.videoId}/hqdefault.jpg`);return t(()=>{const e=new IntersectionObserver(l=>{l.forEach(l=>{l.isIntersecting&&(c.value=!0,e.unobserve(l.target))})});e.observe(f.value)}),(e,l)=>(a(),r("section",{class:"w-[92%] h-[330px] xl:w-[930px] xl:h-[536px] xl:p-[15px] bg-white/[.3] mt-6 rounded-[40px] mx-auto flex items-center justify-center mb-[129px]",ref_key:"player",ref:f},[c.value?(a(),r("div",u,[o("iframe",{width:"100%",height:"100%",src:m.value,title:d.videoTitle,frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowfullscreen:""},null,8,p)])):(a(),r("div",s,[o("img",{src:v.value,alt:"YouTube Thumbnail",class:"w-full h-full"},null,8,i)]))],512))}};export{n as default};
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.