const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./BSdCEs6a.js","./CqkleIqs.js"])))=>i.map(i=>d[i]);
import{_ as V}from"./PPVm8Dsz.js";import $ from"./x8spkl6y.js";import{d as A,s as D}from"./D9_ME1OV.js";import"./B-XSawTn.js";import"./D_HjwF_l.js";import{r as f,d as Y,I as j,G as q,s as F,o as O,e as S,f as z,u as L,c as G,a as M,n as U,i as x}from"./CGuWR5z3.js";import{u as H}from"./DlDklb_P.js";import"./D74YzwZD.js";import"./O-8HjnRU.js";import"./DquNzLaL.js";import"./ClmyqJJc.js";import"./Duz-MmL_.js";import"./B6orRp05.js";import"./B1XR2t8f.js";import"./76RNkh61.js";import"./BQHGoGbE.js";import"./C9i9HkqK.js";import"./DlAUqK2U.js";import"./C65ucxGF.js";const J=A("videoPlay",()=>{const u=f(""),e=f(""),n=f(null),l=f([]),_=o=>{const r=o._uid+o.background,g=l.value.filter(d=>d.id===r);return l.value.push({id:r,video:o}),o._uid+o.background+g.length},v=o=>{const r=o._uid+o.background,g=l.value.findIndex(d=>d.id===r);l.value.splice(g,1)},k=(o,r)=>new CustomEvent("cws-video-"+o,{detail:r,bubbles:!0});function w(o){return u.value===o._uid+o.background?!0:o.background&&n.value&&!n.value.background?(e.value=o._uid+o.background,!1):!0}function y(o,r){o.background&#124;&#124;n.value&&n.value.background&&(e.value=n.value._uid+n.value.background),u.value=o._uid+o.background,n.value=o,r&&r.dispatchEvent(k("play",o))}function C(o,r){o.background&#124;&#124;u.value!==o._uid+o.background&#124;&#124;(e.value?u.value=e.value:(r&&r.dispatchEvent(k("pause",o)),u.value="",n.value=null))}return{playingVideoId:u,playRequest:w,onPlay:y,onPause:C,register:_,unRegister:v}}),K=["id"],Q=Y({__name:"Video",props:{blok:{},videoOptions:{}},setup(u){const e=u,n=H(),l=f(),_=f(),v=f(!1),k=J(),{onPlay:w,onPause:y,register:C,unRegister:o}=k,{playingVideoId:r}=D(k),g=C(e.blok),d=f(`player-${g}`),b=x(()=>e.blok.loop_from?Number(e.blok.loop_from):0),m=x(()=>e.blok.loop_to?Number(e.blok.loop_to):void 0);let p,s,c=!1;function I(i){if(i==="vimeo"){let t;return e.blok.background?t={url:`https://player.vimeo.com/video/${e.blok.video_id}`,responsive:!0,muted:!0,loop:!0}:t={url:`https://player.vimeo.com/video/${e.blok.video_id}`,responsive:!0},{...t,...e?.videoOptions&#124;&#124;{}}}if(i==="youtube"){let t={videoId:e.blok.video_id};return e.blok.background&&(t={...t,playerVars:{playlist:e.blok.video_id,controls:0,loop:1}},b.value&&(t.playerVars={...t.playerVars,start:b.value}),m.value&&(t.playerVars={...t.playerVars,end:m.value})),{...t,...e?.videoOptions&#124;&#124;{}}}const a={accountId:n.public.brightcove.accountId,playerId:n.public.brightcove.playerId,refNode:"#"+d.value,videoId:e.blok.video_id,options:{aspectRatio:"16:9",autoplay:!1,loop:!1}};return e.blok.background&&(a.options=a.options&#124;&#124;{},a.options.autoplay="muted",a.options.loop=!0),a}async function P(){e.blok.background&&!k.playRequest(e.blok)&#124;&#124;c&#124;&#124;(e.blok.player==="vimeo"?await s.play():e.blok.player==="youtube"&&await s.playVideo())}async function R(){c&&(e.blok.player==="vimeo"?await s.pause():e.blok.player==="youtube"&&await s.pauseVideo())}j(r,()=>{!c&&r.value===e.blok._uid+e.blok.background&&P(),c&&r.value!==e.blok._uid+e.blok.background&&R()});let h;function N(){h&#124;&#124;!e.blok.background&#124;&#124;(h=window.setInterval(async()=>{const i=await s.getCurrentTime();(i<b.value&#124;&#124;m.value&&i>m.value)&&s.seekTo(b.value,!0)},500))}function B(){!h&#124;&#124;!e.blok.background&#124;&#124;(window.clearInterval(h),h=null)}async function E(){if(!(!_.value&#124;&#124;!_.value.isConnected)){if(e.blok.player==="vimeo"){const i=(await V(async()=>{const{default:t}=await import("./BBvNM0Oo.js");return{default:t}},[],import.meta.url)).default;s=new i(d.value,I("vimeo"));const a=s;e.blok.background&&(a.setCurrentTime(b.value),a.on("timeupdate",t=>{(t.seconds<b.value&#124;&#124;m.value&&t.seconds>m.value)&&a.setCurrentTime(b.value)})),a.ready().then(()=>{v.value=!0}),a.on("play",()=>{c=!0,w(e.blok,l.value)}),a.on("pause",()=>{c=!1,y(e.blok,l.value)})}if(e.blok.player==="youtube"){const i=(await V(async()=>{const{default:t}=await import("./BSdCEs6a.js").then(T=>T.i);return{default:t}},__vite__mapDeps([0,1]),import.meta.url)).default;s=i(d.value,I("youtube"));const a=s;e.blok.background&&a.mute(),a.on("ready",()=>{v.value=!0}),a.on("stateChange",t=>{t.data===1&&(c=!0,N(),w(e.blok,l.value)),(t.data===0&#124;&#124;t.data===2)&&(c=!1,B(),y(e.blok,l.value))})}if(e.blok.player==="brightcove"){const i=(await V(async()=>{const{default:t}=await import("./BN6pf1yp.js");return{default:t}},[],import.meta.url)).default;await i(I("brightcove")),window.videojs.getPlayer(n.public.brightcove.playerId).on("ready",()=>v.value=!0)}p&&(p.disconnect(),p=void 0),p=new IntersectionObserver(i=>{i.forEach(a=>{!a.boundingClientRect.width&&!a.boundingClientRect.height&#124;&#124;(a.isIntersecting&&e.blok.background?P():e.blok.background&&R())})},{threshold:.5}),l.value&&p.observe(l.value)}}return q(E),F(()=>{c=!1,y(e.blok),o(e.blok),p&&(p.disconnect(),p=void 0)}),(i,a)=>{const t=$;return O(),S("div",{ref_key:"videoContainer",ref:l,class:U([{"video-player":!0,vimeo:u.blok.player==="vimeo",youtube:u.blok.player==="youtube",brightcove:u.blok.player==="brightcove"},"grid inline-full"])},[z("div",{id:L(d),ref_key:"video",ref:_,class:"grid col-start-1 row-start-1 [&_>_*]:col-start-1 [&_>_*]:row-start-1"},[L(v)?M("",!0):(O(),G(t,{key:0,class:"col-start-1 row-start-1",onConsentChange:a[0]&#124;&#124;(a[0]=T=>E())}))],8,K)],2)}}}),ke=Object.assign(Q,{__name:"Video"});export{ke as default};
</div><div class="naked_ctrl">
<form action="/index.cgi/contrast" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="https://nanoporetech.com/_nuxt/CZE73-11.js">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="https://nanoporetech.com/_nuxt/CZE73-11.js" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast" selected="selected">配色反転</option>
<option value="larger-text">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>