a774ac673a
Some checks failed
Deploy analytics worker / Deploy analytics worker to ${{ (github.ref == 'refs/heads/production' && 'production') || (github.ref == 'refs/heads/main' && 'staging') || 'preview' }} (push) Failing after 1s
i18n upload strings / Upload latest strings (push) Failing after 1s
Deploy bemo / Deploy bemo to ${{ (github.ref == 'refs/heads/bemo-production' && 'production') || (github.ref == 'refs/heads/main' && 'staging') || 'preview' }} (push) Failing after 1s
Deploy grafana resources / ${{ github.event_name == 'push' && 'Deploy grafana resources' || 'Validate grafana resources (dry run)' }} (push) Failing after 0s
End to end tests (dotcom) / Check for relevant changes (push) Failing after 0s
End to end tests (examples) / Check for relevant changes (push) Failing after 0s
End to end tests (mermaid readability) / Check for relevant changes (push) Failing after 1s
End to end tests (perf) / Check for relevant changes (push) Failing after 0s
Publish editor extensions / Publish editor extensions (push) Failing after 1s
Publish SDK packages / Remove the publish-packages label (push) Has been skipped
Checks / Tests & checks (push) Has been cancelled
Checks / Build all projects (push) Has been cancelled
Deploy templates / Deploy templates (push) Has been cancelled
End to end tests (dotcom) / End to end tests (dotcom) (push) Has been cancelled
End to end tests (mermaid readability) / End to end tests (mermaid readability) (push) Has been cancelled
End to end tests (perf) / End to end tests (perf) (push) Has been cancelled
Deploy .com / Deploy dotcom to ${{ (github.ref == 'refs/heads/production' && 'production') || (github.ref == 'refs/heads/main' && 'staging') || 'preview' }} (push) Has been cancelled
End to end tests (examples) / End to end tests (examples) (push) Has been cancelled
Publish SDK packages / Publish SDK packages (push) Has been cancelled
Publish SDK packages / Tell user released version (push) Has been cancelled
Publish SDK packages / Publishes code templates to separate repositories (push) Has been cancelled
Publish SDK packages / Deploys the template demos with the new SDK version (push) Has been cancelled
41 lines
825 B
TypeScript
41 lines
825 B
TypeScript
import { TldrawLink } from '../common/tldraw-link'
|
|
|
|
export function Video({
|
|
src,
|
|
href,
|
|
thumbnail,
|
|
caption,
|
|
lazy = false,
|
|
autoplay = false,
|
|
}: {
|
|
src: string
|
|
thumbnail?: string
|
|
caption?: string
|
|
autoplay?: boolean
|
|
href?: string
|
|
lazy?: boolean
|
|
}) {
|
|
return (
|
|
<span className="block">
|
|
<TldrawLink
|
|
href={href ?? src}
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
className="block bg-zinc-100 dark:bg-zinc-800 py-1 sm:rounded-2xl sm:px-1"
|
|
>
|
|
<video
|
|
className="w-full sm:rounded-xl !my-0 shadow"
|
|
src={src}
|
|
poster={thumbnail}
|
|
controls={false}
|
|
preload={lazy ? 'metadata' : 'auto'}
|
|
autoPlay={autoplay}
|
|
muted={autoplay}
|
|
loop={autoplay}
|
|
/>
|
|
</TldrawLink>
|
|
{caption && <span className="block text-xs text-zinc-500 mt-3 text-center">{caption}</span>}
|
|
</span>
|
|
)
|
|
}
|