flowbite video
This commit is contained in:
parent
a9754a0e02
commit
4caa6f5906
|
@ -0,0 +1,29 @@
|
|||
<script lang="ts">
|
||||
import { twMerge } from 'tailwind-merge';
|
||||
|
||||
export let src: string;
|
||||
export let type: string = 'video/mp4';
|
||||
export let trackSrc: string = '';
|
||||
export let srclang: string = 'en';
|
||||
export let label: string = 'english_captions';
|
||||
|
||||
let videoClass = twMerge($$props.class);
|
||||
</script>
|
||||
|
||||
<video {...$$restProps} class={videoClass}>
|
||||
<source {src} {type} />
|
||||
<slot />
|
||||
<track src={trackSrc} kind="captions" {srclang} {label} />
|
||||
Your browser does not support the video tag.
|
||||
</video>
|
||||
|
||||
<!--
|
||||
@component
|
||||
[Go to docs](https://flowbite-svelte.com/)
|
||||
## Props
|
||||
@prop export let src: string;
|
||||
@prop export let type: string = 'video/mp4';
|
||||
@prop export let trackSrc: string = '';
|
||||
@prop export let srclang: string = 'en';
|
||||
@prop export let label: string = 'english_captions';
|
||||
-->
|
Loading…
Reference in New Issue