Add responsive and lazy image loading

2023-08-21 22:04:10 +02:00
parent 6ae22b7a9c
commit ca90df83e9
30 changed files with 197 additions and 101 deletions
--- a/static/vime.svelte
+++ b/static/vime.svelte
@ -0,0 +1,10 @@
+<script>
+  import { Player, Video, DefaultUi } from '@vime/svelte';
+</script>
+
+<Player theme="dark" style="--vm-player-theme: #e86c8b;">
+  <Video crossOrigin={true} poster="https://media.vimejs.com/poster.png">
+    <source data-src="https://media.vimejs.com/720p.mp4" type="video/mp4"/>
+  </Video>
+  <DefaultUi />
+</Player>