[{"data":1,"prerenderedAt":1214},["ShallowReactive",2],{"navigation":3,"/examples/timed-overlay":238,"/examples/timed-overlay-surround":1209},[4,22,55,88,105,138,159,180,217],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":6},"Getting Started",false,"/getting-started","01.getting-started",[10,14,18],{"title":11,"path":12,"stem":13},"Introduction","/getting-started/introduction","01.getting-started/1.introduction",{"title":15,"path":16,"stem":17},"Installation","/getting-started/installation","01.getting-started/2.installation",{"title":19,"path":20,"stem":21},"Quick Start","/getting-started/quick-start","01.getting-started/3.quick-start",{"title":23,"path":24,"stem":25,"children":26,"page":6},"Configuration","/configuration","02.configuration",[27,31,35,39,43,47,51],{"title":28,"path":29,"stem":30},"Overview","/configuration/overview","02.configuration/1.overview",{"title":32,"path":33,"stem":34},"Size","/configuration/size","02.configuration/2.size",{"title":36,"path":37,"stem":38},"Shape","/configuration/shape","02.configuration/3.shape",{"title":40,"path":41,"stem":42},"Positioning","/configuration/positioning","02.configuration/4.positioning",{"title":44,"path":45,"stem":46},"Placement","/configuration/placement","02.configuration/5.placement",{"title":48,"path":49,"stem":50},"Video","/configuration/video","02.configuration/6.video",{"title":52,"path":53,"stem":54},"Styles","/configuration/styles","02.configuration/7.styles",{"title":56,"path":57,"stem":58,"children":59,"page":6},"Components","/components","03.components",[60,64,68,72,76,80,84],{"title":61,"path":62,"stem":63},"Container","/components/container","03.components/1.container",{"title":65,"path":66,"stem":67},"Close Button","/components/close-button","03.components/2.close-button",{"title":69,"path":70,"stem":71},"CTA Button","/components/cta-button","03.components/3.cta-button",{"title":73,"path":74,"stem":75},"Video Controls","/components/video-controls","03.components/4.video-controls",{"title":77,"path":78,"stem":79},"Video Loader","/components/video-loader","03.components/5.video-loader",{"title":81,"path":82,"stem":83},"Video Progress","/components/video-progress","03.components/6.video-progress",{"title":85,"path":86,"stem":87},"Video Volume","/components/video-volume","03.components/7.video-volume",{"title":89,"path":90,"stem":91,"children":92,"page":6},"Features","/features","04.features",[93,97,101],{"title":94,"path":95,"stem":96},"Preview","/features/preview","04.features/1.preview",{"title":98,"path":99,"stem":100},"Visibility","/features/visibility","04.features/2.visibility",{"title":102,"path":103,"stem":104},"Responsive","/features/responsive","04.features/3.responsive",{"title":106,"path":107,"stem":108,"children":109,"page":6},"API Reference","/api-reference","05.api-reference",[110,114,118,122,126,130,134],{"title":111,"path":112,"stem":113},"useScena","/api-reference/use-scena","05.api-reference/1.use-scena",{"title":115,"path":116,"stem":117},"useConfig","/api-reference/use-config","05.api-reference/2.use-config",{"title":119,"path":120,"stem":121},"Scena Instance","/api-reference/scena-instance","05.api-reference/3.scena-instance",{"title":123,"path":124,"stem":125},"Video Controller","/api-reference/video-controller","05.api-reference/4.video-controller",{"title":127,"path":128,"stem":129},"Video State","/api-reference/video-state","05.api-reference/5.video-state",{"title":131,"path":132,"stem":133},"Visibility API","/api-reference/visibility-api","05.api-reference/6.visibility-api",{"title":135,"path":136,"stem":137},"Preview API","/api-reference/preview-api","05.api-reference/7.preview-api",{"title":139,"path":140,"stem":141,"children":142,"page":6},"Events","/events","06.events",[143,147,151,155],{"title":144,"path":145,"stem":146},"Widget Events","/events/widget-events","06.events/1.widget-events",{"title":148,"path":149,"stem":150},"Video Events","/events/video-events","06.events/2.video-events",{"title":152,"path":153,"stem":154},"Feature Events","/events/feature-events","06.events/3.feature-events",{"title":156,"path":157,"stem":158},"Click Events","/events/click-events","06.events/4.click-events",{"title":160,"path":161,"stem":162,"children":163,"page":6},"Custom Element","/custom-element","07.custom-element",[164,168,172,176],{"title":165,"path":166,"stem":167},"Setup","/custom-element/setup","07.custom-element/1.setup",{"title":169,"path":170,"stem":171},"Usage","/custom-element/usage","07.custom-element/2.usage",{"title":173,"path":174,"stem":175},"DOM Events","/custom-element/events","07.custom-element/3.events",{"title":177,"path":178,"stem":179},"Integration","/custom-element/integration","07.custom-element/4.integration",{"title":181,"path":182,"stem":183,"children":184,"page":6},"Examples","/examples","08.examples",[185,189,193,197,201,205,209,213],{"title":186,"path":187,"stem":188},"Basic Setup","/examples/basic-setup","08.examples/1.basic-setup",{"title":190,"path":191,"stem":192},"Custom Styling","/examples/custom-styling","08.examples/2.custom-styling",{"title":194,"path":195,"stem":196},"Responsive Widget","/examples/responsive-widget","08.examples/3.responsive-widget",{"title":198,"path":199,"stem":200},"Custom Controls","/examples/custom-controls","08.examples/4.custom-controls",{"title":202,"path":203,"stem":204},"Viewport Mount","/examples/viewport-mount","08.examples/5.viewport-mount",{"title":206,"path":207,"stem":208},"Timed Overlay","/examples/timed-overlay","08.examples/6.timed-overlay",{"title":210,"path":211,"stem":212},"Loop Segment","/examples/loop-segment","08.examples/7.loop-segment",{"title":214,"path":215,"stem":216},"Heatmap Data","/examples/heatmap-data","08.examples/8.heatmap-data",{"title":218,"path":219,"stem":220,"children":221,"page":6},"Distribution","/distribution","09.distribution",[222,226,230,234],{"title":223,"path":224,"stem":225},"Formats","/distribution/formats","09.distribution/1.formats",{"title":227,"path":228,"stem":229},"Browser Support","/distribution/browser-support","09.distribution/2.browser-support",{"title":231,"path":232,"stem":233},"Bundle Size","/distribution/bundle-size","09.distribution/3.bundle-size",{"title":235,"path":236,"stem":237},"TypeScript","/distribution/typescript","09.distribution/4.typescript",{"id":239,"title":206,"body":240,"description":1203,"extension":1204,"links":1205,"meta":1206,"navigation":346,"path":207,"seo":1207,"stem":208,"__hash__":1208},"docs/08.examples/6.timed-overlay.md",{"type":241,"value":242,"toc":1199},"minimark",[243,251,256,259,269,272,481,1185,1195],[244,245,246,250],"p",{},[247,248,249],"code",{},"ON_VIDEO_TIME_UPDATE"," fires continuously during playback with the current position in seconds. This example uses it to show an overlay between two defined timestamps — useful for CTAs, chapter markers, or annotations tied to specific moments.",[252,253,255],"h2",{"id":254},"demo","Demo",[244,257,258],{},"The overlay appears between 5 and 25 seconds of playback.",[260,261,263],"scena-container",{"style":262},"height: 560px",[264,265],"scena-component-timed-overlay",{":config":266,":overlayTimeHide":267,":overlayTimeShow":268},"{\"video\":{\"src\":\"/examples/example-cat.mp4\",\"poster\":\"/examples/example-cat.jpg\",\"autoplay\":false,\"loop\":true,\"muted\":true},\"size\":\"md\",\"shape\":\"circle\",\"container\":{\"position\":\"absolute\",\"placement\":\"middle-center\"},\"ctaButton\":false,\"closeButton\":false}","25","5",[252,270,271],{"id":247},"Code",[273,274,280],"pre",{"className":275,"code":276,"filename":277,"language":278,"meta":279,"style":279},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cdiv class=\"wrapper\">\n  \u003Cdiv id=\"target\">\u003C/div>\n\n  \u003Cdiv id=\"overlay\" class=\"overlay hidden\">\n    \u003Cdiv class=\"overlay-card\">\n      \u003Cp>Special offer — limited time only!\u003C/p>\n      \u003Cbutton id=\"action\">Got it\u003C/button>\n    \u003C/div>\n  \u003C/div>\n\u003C/div>\n","index.html","html","",[247,281,282,314,341,348,379,400,422,452,462,472],{"__ignoreMap":279},[283,284,287,291,295,299,302,305,309,311],"span",{"class":285,"line":286},"line",1,[283,288,290],{"class":289},"sMK4o","\u003C",[283,292,294],{"class":293},"swJcz","div",[283,296,298],{"class":297},"spNyl"," class",[283,300,301],{"class":289},"=",[283,303,304],{"class":289},"\"",[283,306,308],{"class":307},"sfazB","wrapper",[283,310,304],{"class":289},[283,312,313],{"class":289},">\n",[283,315,317,320,322,325,327,329,332,334,337,339],{"class":285,"line":316},2,[283,318,319],{"class":289},"  \u003C",[283,321,294],{"class":293},[283,323,324],{"class":297}," id",[283,326,301],{"class":289},[283,328,304],{"class":289},[283,330,331],{"class":307},"target",[283,333,304],{"class":289},[283,335,336],{"class":289},">\u003C/",[283,338,294],{"class":293},[283,340,313],{"class":289},[283,342,344],{"class":285,"line":343},3,[283,345,347],{"emptyLinePlaceholder":346},true,"\n",[283,349,351,353,355,357,359,361,364,366,368,370,372,375,377],{"class":285,"line":350},4,[283,352,319],{"class":289},[283,354,294],{"class":293},[283,356,324],{"class":297},[283,358,301],{"class":289},[283,360,304],{"class":289},[283,362,363],{"class":307},"overlay",[283,365,304],{"class":289},[283,367,298],{"class":297},[283,369,301],{"class":289},[283,371,304],{"class":289},[283,373,374],{"class":307},"overlay hidden",[283,376,304],{"class":289},[283,378,313],{"class":289},[283,380,382,385,387,389,391,393,396,398],{"class":285,"line":381},5,[283,383,384],{"class":289},"    \u003C",[283,386,294],{"class":293},[283,388,298],{"class":297},[283,390,301],{"class":289},[283,392,304],{"class":289},[283,394,395],{"class":307},"overlay-card",[283,397,304],{"class":289},[283,399,313],{"class":289},[283,401,403,406,408,411,415,418,420],{"class":285,"line":402},6,[283,404,405],{"class":289},"      \u003C",[283,407,244],{"class":293},[283,409,410],{"class":289},">",[283,412,414],{"class":413},"sTEyZ","Special offer — limited time only!",[283,416,417],{"class":289},"\u003C/",[283,419,244],{"class":293},[283,421,313],{"class":289},[283,423,425,427,430,432,434,436,439,441,443,446,448,450],{"class":285,"line":424},7,[283,426,405],{"class":289},[283,428,429],{"class":293},"button",[283,431,324],{"class":297},[283,433,301],{"class":289},[283,435,304],{"class":289},[283,437,438],{"class":307},"action",[283,440,304],{"class":289},[283,442,410],{"class":289},[283,444,445],{"class":413},"Got it",[283,447,417],{"class":289},[283,449,429],{"class":293},[283,451,313],{"class":289},[283,453,455,458,460],{"class":285,"line":454},8,[283,456,457],{"class":289},"    \u003C/",[283,459,294],{"class":293},[283,461,313],{"class":289},[283,463,465,468,470],{"class":285,"line":464},9,[283,466,467],{"class":289},"  \u003C/",[283,469,294],{"class":293},[283,471,313],{"class":289},[283,473,475,477,479],{"class":285,"line":474},10,[283,476,417],{"class":289},[283,478,294],{"class":293},[283,480,313],{"class":289},[273,482,487],{"className":483,"code":484,"filename":485,"language":486,"meta":279,"style":279},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import {\n  useScena,\n  ScenaEvent,\n  ComponentSize,\n  ComponentShape,\n  ComponentPosition,\n  ComponentPlacement,\n} from '@retoo/scena';\n\nimport '@retoo/scena/styles';\n\nconst OVERLAY_TIME_SHOW = 5;\nconst OVERLAY_TIME_HIDE = 25;\n\nconst overlay = document.getElementById('overlay')!;\nconst action = document.getElementById('action')!;\n\nconst scena = useScena();\n\nconst instance = await scena.mount(\n  {\n    video: {\n      src: '/video.mp4',\n      autoplay: false,\n      loop: true,\n      muted: true,\n    },\n    size: ComponentSize.MD,\n    shape: ComponentShape.CIRCLE,\n    container: {\n      position: ComponentPosition.ABSOLUTE,\n      placement: ComponentPlacement.MIDDLE_CENTER,\n    },\n    ctaButton: false,\n    closeButton: false,\n  },\n  document.getElementById('target'),\n);\n\ninstance.api.events.on(ScenaEvent.ON_VIDEO_TIME_UPDATE, () => {\n  const { currentTime } = instance.api.controller;\n  const visible = currentTime >= OVERLAY_TIME_SHOW && currentTime \u003C OVERLAY_TIME_HIDE;\n\n  overlay.classList.toggle('hidden', !visible);\n});\n\naction.addEventListener('click', () => {\n  overlay.classList.add('hidden');\n});\n","main.ts","ts",[247,488,489,498,506,513,520,527,534,541,561,565,578,583,600,615,620,655,683,688,706,711,735,741,752,769,783,796,808,814,832,850,860,878,896,901,913,925,931,953,960,965,1004,1036,1067,1072,1109,1118,1123,1150,1176],{"__ignoreMap":279},[283,490,491,495],{"class":285,"line":286},[283,492,494],{"class":493},"s7zQu","import",[283,496,497],{"class":289}," {\n",[283,499,500,503],{"class":285,"line":316},[283,501,502],{"class":413},"  useScena",[283,504,505],{"class":289},",\n",[283,507,508,511],{"class":285,"line":343},[283,509,510],{"class":413},"  ScenaEvent",[283,512,505],{"class":289},[283,514,515,518],{"class":285,"line":350},[283,516,517],{"class":413},"  ComponentSize",[283,519,505],{"class":289},[283,521,522,525],{"class":285,"line":381},[283,523,524],{"class":413},"  ComponentShape",[283,526,505],{"class":289},[283,528,529,532],{"class":285,"line":402},[283,530,531],{"class":413},"  ComponentPosition",[283,533,505],{"class":289},[283,535,536,539],{"class":285,"line":424},[283,537,538],{"class":413},"  ComponentPlacement",[283,540,505],{"class":289},[283,542,543,546,549,552,555,558],{"class":285,"line":454},[283,544,545],{"class":289},"}",[283,547,548],{"class":493}," from",[283,550,551],{"class":289}," '",[283,553,554],{"class":307},"@retoo/scena",[283,556,557],{"class":289},"'",[283,559,560],{"class":289},";\n",[283,562,563],{"class":285,"line":464},[283,564,347],{"emptyLinePlaceholder":346},[283,566,567,569,571,574,576],{"class":285,"line":474},[283,568,494],{"class":493},[283,570,551],{"class":289},[283,572,573],{"class":307},"@retoo/scena/styles",[283,575,557],{"class":289},[283,577,560],{"class":289},[283,579,581],{"class":285,"line":580},11,[283,582,347],{"emptyLinePlaceholder":346},[283,584,586,589,592,594,598],{"class":285,"line":585},12,[283,587,588],{"class":297},"const",[283,590,591],{"class":413}," OVERLAY_TIME_SHOW ",[283,593,301],{"class":289},[283,595,597],{"class":596},"sbssI"," 5",[283,599,560],{"class":289},[283,601,603,605,608,610,613],{"class":285,"line":602},13,[283,604,588],{"class":297},[283,606,607],{"class":413}," OVERLAY_TIME_HIDE ",[283,609,301],{"class":289},[283,611,612],{"class":596}," 25",[283,614,560],{"class":289},[283,616,618],{"class":285,"line":617},14,[283,619,347],{"emptyLinePlaceholder":346},[283,621,623,625,628,630,633,636,640,643,645,647,649,652],{"class":285,"line":622},15,[283,624,588],{"class":297},[283,626,627],{"class":413}," overlay ",[283,629,301],{"class":289},[283,631,632],{"class":413}," document",[283,634,635],{"class":289},".",[283,637,639],{"class":638},"s2Zo4","getElementById",[283,641,642],{"class":413},"(",[283,644,557],{"class":289},[283,646,363],{"class":307},[283,648,557],{"class":289},[283,650,651],{"class":413},")",[283,653,654],{"class":289},"!;\n",[283,656,658,660,663,665,667,669,671,673,675,677,679,681],{"class":285,"line":657},16,[283,659,588],{"class":297},[283,661,662],{"class":413}," action ",[283,664,301],{"class":289},[283,666,632],{"class":413},[283,668,635],{"class":289},[283,670,639],{"class":638},[283,672,642],{"class":413},[283,674,557],{"class":289},[283,676,438],{"class":307},[283,678,557],{"class":289},[283,680,651],{"class":413},[283,682,654],{"class":289},[283,684,686],{"class":285,"line":685},17,[283,687,347],{"emptyLinePlaceholder":346},[283,689,691,693,696,698,701,704],{"class":285,"line":690},18,[283,692,588],{"class":297},[283,694,695],{"class":413}," scena ",[283,697,301],{"class":289},[283,699,700],{"class":638}," useScena",[283,702,703],{"class":413},"()",[283,705,560],{"class":289},[283,707,709],{"class":285,"line":708},19,[283,710,347],{"emptyLinePlaceholder":346},[283,712,714,716,719,721,724,727,729,732],{"class":285,"line":713},20,[283,715,588],{"class":297},[283,717,718],{"class":413}," instance ",[283,720,301],{"class":289},[283,722,723],{"class":493}," await",[283,725,726],{"class":413}," scena",[283,728,635],{"class":289},[283,730,731],{"class":638},"mount",[283,733,734],{"class":413},"(\n",[283,736,738],{"class":285,"line":737},21,[283,739,740],{"class":289},"  {\n",[283,742,744,747,750],{"class":285,"line":743},22,[283,745,746],{"class":293},"    video",[283,748,749],{"class":289},":",[283,751,497],{"class":289},[283,753,755,758,760,762,765,767],{"class":285,"line":754},23,[283,756,757],{"class":293},"      src",[283,759,749],{"class":289},[283,761,551],{"class":289},[283,763,764],{"class":307},"/video.mp4",[283,766,557],{"class":289},[283,768,505],{"class":289},[283,770,772,775,777,781],{"class":285,"line":771},24,[283,773,774],{"class":293},"      autoplay",[283,776,749],{"class":289},[283,778,780],{"class":779},"sfNiH"," false",[283,782,505],{"class":289},[283,784,786,789,791,794],{"class":285,"line":785},25,[283,787,788],{"class":293},"      loop",[283,790,749],{"class":289},[283,792,793],{"class":779}," true",[283,795,505],{"class":289},[283,797,799,802,804,806],{"class":285,"line":798},26,[283,800,801],{"class":293},"      muted",[283,803,749],{"class":289},[283,805,793],{"class":779},[283,807,505],{"class":289},[283,809,811],{"class":285,"line":810},27,[283,812,813],{"class":289},"    },\n",[283,815,817,820,822,825,827,830],{"class":285,"line":816},28,[283,818,819],{"class":293},"    size",[283,821,749],{"class":289},[283,823,824],{"class":413}," ComponentSize",[283,826,635],{"class":289},[283,828,829],{"class":413},"MD",[283,831,505],{"class":289},[283,833,835,838,840,843,845,848],{"class":285,"line":834},29,[283,836,837],{"class":293},"    shape",[283,839,749],{"class":289},[283,841,842],{"class":413}," ComponentShape",[283,844,635],{"class":289},[283,846,847],{"class":413},"CIRCLE",[283,849,505],{"class":289},[283,851,853,856,858],{"class":285,"line":852},30,[283,854,855],{"class":293},"    container",[283,857,749],{"class":289},[283,859,497],{"class":289},[283,861,863,866,868,871,873,876],{"class":285,"line":862},31,[283,864,865],{"class":293},"      position",[283,867,749],{"class":289},[283,869,870],{"class":413}," ComponentPosition",[283,872,635],{"class":289},[283,874,875],{"class":413},"ABSOLUTE",[283,877,505],{"class":289},[283,879,881,884,886,889,891,894],{"class":285,"line":880},32,[283,882,883],{"class":293},"      placement",[283,885,749],{"class":289},[283,887,888],{"class":413}," ComponentPlacement",[283,890,635],{"class":289},[283,892,893],{"class":413},"MIDDLE_CENTER",[283,895,505],{"class":289},[283,897,899],{"class":285,"line":898},33,[283,900,813],{"class":289},[283,902,904,907,909,911],{"class":285,"line":903},34,[283,905,906],{"class":293},"    ctaButton",[283,908,749],{"class":289},[283,910,780],{"class":779},[283,912,505],{"class":289},[283,914,916,919,921,923],{"class":285,"line":915},35,[283,917,918],{"class":293},"    closeButton",[283,920,749],{"class":289},[283,922,780],{"class":779},[283,924,505],{"class":289},[283,926,928],{"class":285,"line":927},36,[283,929,930],{"class":289},"  },\n",[283,932,934,937,939,941,943,945,947,949,951],{"class":285,"line":933},37,[283,935,936],{"class":413},"  document",[283,938,635],{"class":289},[283,940,639],{"class":638},[283,942,642],{"class":413},[283,944,557],{"class":289},[283,946,331],{"class":307},[283,948,557],{"class":289},[283,950,651],{"class":413},[283,952,505],{"class":289},[283,954,956,958],{"class":285,"line":955},38,[283,957,651],{"class":413},[283,959,560],{"class":289},[283,961,963],{"class":285,"line":962},39,[283,964,347],{"emptyLinePlaceholder":346},[283,966,968,971,973,976,978,981,983,986,989,991,993,996,999,1002],{"class":285,"line":967},40,[283,969,970],{"class":413},"instance",[283,972,635],{"class":289},[283,974,975],{"class":413},"api",[283,977,635],{"class":289},[283,979,980],{"class":413},"events",[283,982,635],{"class":289},[283,984,985],{"class":638},"on",[283,987,988],{"class":413},"(ScenaEvent",[283,990,635],{"class":289},[283,992,249],{"class":413},[283,994,995],{"class":289},",",[283,997,998],{"class":289}," ()",[283,1000,1001],{"class":297}," =>",[283,1003,497],{"class":289},[283,1005,1007,1010,1013,1016,1019,1022,1025,1027,1029,1031,1034],{"class":285,"line":1006},41,[283,1008,1009],{"class":297},"  const",[283,1011,1012],{"class":289}," {",[283,1014,1015],{"class":413}," currentTime",[283,1017,1018],{"class":289}," }",[283,1020,1021],{"class":289}," =",[283,1023,1024],{"class":413}," instance",[283,1026,635],{"class":289},[283,1028,975],{"class":413},[283,1030,635],{"class":289},[283,1032,1033],{"class":413},"controller",[283,1035,560],{"class":289},[283,1037,1039,1041,1044,1046,1048,1051,1054,1057,1059,1062,1065],{"class":285,"line":1038},42,[283,1040,1009],{"class":297},[283,1042,1043],{"class":413}," visible",[283,1045,1021],{"class":289},[283,1047,1015],{"class":413},[283,1049,1050],{"class":289}," >=",[283,1052,1053],{"class":413}," OVERLAY_TIME_SHOW",[283,1055,1056],{"class":289}," &&",[283,1058,1015],{"class":413},[283,1060,1061],{"class":289}," \u003C",[283,1063,1064],{"class":413}," OVERLAY_TIME_HIDE",[283,1066,560],{"class":289},[283,1068,1070],{"class":285,"line":1069},43,[283,1071,347],{"emptyLinePlaceholder":346},[283,1073,1075,1078,1080,1083,1085,1088,1090,1092,1095,1097,1099,1102,1105,1107],{"class":285,"line":1074},44,[283,1076,1077],{"class":413},"  overlay",[283,1079,635],{"class":289},[283,1081,1082],{"class":413},"classList",[283,1084,635],{"class":289},[283,1086,1087],{"class":638},"toggle",[283,1089,642],{"class":293},[283,1091,557],{"class":289},[283,1093,1094],{"class":307},"hidden",[283,1096,557],{"class":289},[283,1098,995],{"class":289},[283,1100,1101],{"class":289}," !",[283,1103,1104],{"class":413},"visible",[283,1106,651],{"class":293},[283,1108,560],{"class":289},[283,1110,1112,1114,1116],{"class":285,"line":1111},45,[283,1113,545],{"class":289},[283,1115,651],{"class":413},[283,1117,560],{"class":289},[283,1119,1121],{"class":285,"line":1120},46,[283,1122,347],{"emptyLinePlaceholder":346},[283,1124,1126,1128,1130,1133,1135,1137,1140,1142,1144,1146,1148],{"class":285,"line":1125},47,[283,1127,438],{"class":413},[283,1129,635],{"class":289},[283,1131,1132],{"class":638},"addEventListener",[283,1134,642],{"class":413},[283,1136,557],{"class":289},[283,1138,1139],{"class":307},"click",[283,1141,557],{"class":289},[283,1143,995],{"class":289},[283,1145,998],{"class":289},[283,1147,1001],{"class":297},[283,1149,497],{"class":289},[283,1151,1153,1155,1157,1159,1161,1164,1166,1168,1170,1172,1174],{"class":285,"line":1152},48,[283,1154,1077],{"class":413},[283,1156,635],{"class":289},[283,1158,1082],{"class":413},[283,1160,635],{"class":289},[283,1162,1163],{"class":638},"add",[283,1165,642],{"class":293},[283,1167,557],{"class":289},[283,1169,1094],{"class":307},[283,1171,557],{"class":289},[283,1173,651],{"class":293},[283,1175,560],{"class":289},[283,1177,1179,1181,1183],{"class":285,"line":1178},49,[283,1180,545],{"class":289},[283,1182,651],{"class":413},[283,1184,560],{"class":289},[1186,1187,1189],"callout",{"icon":1188,"to":145},"i-lucide-arrow-right",[244,1190,1191,1192,635],{},"Full list of time-based and interaction events — see ",[1193,1194,139],"strong",{},[1196,1197,1198],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":279,"searchDepth":286,"depth":316,"links":1200},[1201,1202],{"id":254,"depth":316,"text":255},{"id":247,"depth":316,"text":271},"Show a contextual overlay at a specific point in the video using playback time events.","md",null,{},{"title":206,"description":1203},"gc4NaqRlEqGQQFUQELPiBn5dDTAfbeYqSpKSUmFxZmU",[1210,1212],{"title":202,"path":203,"stem":204,"description":1211,"children":-1},"Mount the widget only when its container enters the viewport using IntersectionObserver.",{"title":210,"path":211,"stem":212,"description":1213,"children":-1},"Loop playback between two timestamps by seeking back to the start point when the end is reached.",1777984324563]