/
githubmirror
/
tabler
Обзор
Документация
Войти
/
githubmirror
/
tabler
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
dev
shared/ui/InlinePlayer.astro
38 строк
944 B
Paweł Kuna
Clear remaining astro check hints in shared, docs, and screenshots (#2837)
08 авг 2026, 18:17
Не верифицирован
08 авг 2026, 18:17
2777fff
Код
Авторство
О чём код?
--- // Renders nothing unless both id and embedId are provided. import CaptureScript from '../components/CaptureScript.astro'; interface Props { id?: string; type?: string; embedId?: string | number; } const { id, type = 'youtube', embedId } = Astro.props; const enabled = Boolean(id && embedId); const playerId = `player-${id}`; const playerSelector = `#player-${id}`; --- { enabled && ( <div id={playerId} data-plyr-provider={type} data-plyr-embed-id={embedId} /> ) } { enabled && ( <CaptureScript> <!-- BEGIN PLAYER --> <script is:inline define:vars={{ playerId, playerSelector }}> window.tabler_player ??= {}; function initPlayer() { window.Plyr && (window.tabler_player[playerId] = new Plyr(playerSelector)); } document.readyState !== 'loading' ? initPlayer() : document.addEventListener('DOMContentLoaded', initPlayer, { once: true }); </script> <!-- END PLAYER --> </CaptureScript> ) }