https://stanfordresearchpark.com/reactPlayerPreview-40c1d54c9cd9a40d7102.js

1"use strict";(self.webpackChunkgatsby_srp=self.webpackChunkgatsby_srp||[]).push([[353],{6453:function(e,r,t){t.r(r),t.d(r,{default:function(){return i}});var a=t(758);const l="64px",n={};var i=e=>{let{src:r,light:t,oEmbedUrl:i,onClickPreview:s,playIcon:o,previewTabIndex:c,previewAriaLabel:d}=e;const[u,p]=(0,a.useState)(null);(0,a.useEffect)(()=>{r&&t&&i&&b({src:r,light:t,oEmbedUrl:i})},[r,t,i]);const b=async e=>{let{src:r,light:t,oEmbedUrl:l}=e;if(a.isValidElement(t))return;if("string"==typeof t)return void p(t);if(n[r])return void p(n[r]);p(null);const i=await fetch(l.replace("{url}",r)),s=await i.json();if(s.thumbnail_url){const e=s.thumbnail_url.replace("height=100","height=480").replace("-d_295x166","-d_640");p(e),n[r]=e}},h=a.isValidElement(t),g={display:"flex",alignItems:"center",justifyContent:"center"},y={preview:{width:"100%",height:"100%",backgroundImage:u&&!h?`url(${u})`:void 0,backgroundSize:"cover",backgroundPosition:"center",cursor:"pointer",...g},shadow:{background:"radial-gradient(rgb(0, 0, 0, 0.3), rgba(0, 0, 0, 0) 60%)",borderRadius:l,width:l,height:l,position:h?"absolute":void 0,...g},playIcon:{borderStyle:"solid",borderWidth:"16px 0 16px 26px",borderColor:"transparent transparent transparent white",marginLeft:"7px"}},w=a.createElement("div",{style:y.shadow,className:"react-player__shadow"},a.createElement("div",{style:y.playIcon,className:"react-player__play-icon"}));return a.createElement("div",{style:y.preview,className:"react-player__preview",tabIndex:c,onClick:e=>{null==s||s(e)},onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||null==s||s(e)},...d?{"aria-label":d}:{}},h?t:null,o||w)}}}]);