<script>
 import { base } from '$app/paths';

 import {
     CardBody,
     Icon,
 } from '@sveltestrap/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>
