You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
25 lines
699 B
25 lines
699 B
2 years ago
|
<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>
|