server/frontend/fic/src/lib/components/ExerciceVideo.svelte

22 lines
682 B
Svelte

<script>
import { base } from '$app/paths';
import {
CardBody,
Icon,
} from 'sveltestrap';
export let uri = "";
</script>
<CardBody class="text-indent ratio ratio-16x9">
{#if uri.length > 0 && uri[0] === '/'}
<!-- svelte-ignore a11y-media-has-caption -->
<video controls src={uri} />
{:else}
<iframe type="text/html" src="{uri.replace('$RFILES$', base+'/resolution')}" class="embed-responsive-item" title="Vidéo de résolution">
Regardez la vidéo de résolution de ce défi&nbsp;: <a href="{uri.replace('$RFILES$',base+'/resolution')}">{uri.replace('$RFILES$',base+'/resolution')}</a>.
</iframe>
{/if}
</CardBody>