<script>
  import Video from "$/client/components/Video.svelte";
  import Icon from "$/client/components/Icon.svelte";
  let source = "/images/sample_video.mp4";
  let poster = "/images/sample_image.jpg";
  let video_background = "rgb(0,0,0)";
</script>

<style>
  container {
    display: flex;
  }
</style>

<container style="--aspect-ratio: 16/9;">
<Video poster={ poster } background_color={video_background } source={ source } />
</container>

<h1>Instructions</h1>

<p>Just like with the <code>HLSVideo</code> component,
you should get the <a href="/client/#/bando/components/WTVideo/">WTVideo</a>
demo working to get the sample files setup
correctly.  After that this demo will work too.</p>
