This commit is contained in:
Korbs 2024-11-05 18:21:05 -05:00
parent ac148d790a
commit 4b4aa26215
7 changed files with 28 additions and 8 deletions

View file

@ -9,12 +9,13 @@
"keywords": [ "keywords": [
"astro-component", "astro-component",
"withastro", "withastro",
"video-player", "video",
"player",
"hls-support", "hls-support",
"live-streaming" "live-streaming"
], ],
"type": "module", "type": "module",
"version": "0.4.6", "version": "0.4.61",
"exports": { "exports": {
".": "./index.ts" ".": "./index.ts"
}, },

View file

@ -7,5 +7,8 @@ export default defineConfig({
hmr: false hmr: false
} }
}, },
integrations: [vue()] integrations: [vue()],
devToolbar: {
enabled: false
}
}); });

View file

@ -50,7 +50,7 @@ import {
<p>Subtitles shown are part of the video itself, not the player.</p> <p>Subtitles shown are part of the video itself, not the player.</p>
</Info> </Info>
<style> <style is:global>
body { body {
background: #010101; background: #010101;
color: white; color: white;
@ -59,6 +59,10 @@ body {
color: white; color: white;
} }
} }
.video-container {
position: relative;
margin: 40px;
}
</style> </style>
<script is:inline> <script is:inline>

View file

@ -21,6 +21,10 @@ body {
color: white; color: white;
} }
} }
.video-container {
position: relative;
margin: 40px;
}
</style> </style>
<Switcher/> <Switcher/>

View file

@ -63,7 +63,7 @@ body {
} }
.video-container { .video-container {
position: relative; position: relative;
margin: 80px; margin: 40px;
} }
</style> </style>

View file

@ -75,6 +75,10 @@ body {
color: white; color: white;
} }
} }
.video-container {
position: relative;
margin: 40px;
}
body > div:nth-child(1) > div:nth-child(1) > div:nth-child(3) > center:nth-child(8), body > div:nth-child(1) > div:nth-child(1) > div:nth-child(3) > center:nth-child(8),
body > div:nth-child(1) > div:nth-child(3) > div:nth-child(3) > center:nth-child(8), body > div:nth-child(1) > div:nth-child(3) > div:nth-child(3) > center:nth-child(8),

View file

@ -20,11 +20,11 @@ import Switcher from '@components/Switcher.astro'
<Info Title="The Mark On The Wall" Description="Created by Anderson Wright"> <Info Title="The Mark On The Wall" Description="Created by Anderson Wright">
<p>Source: <a href="https://vimeo.com/989082177">https://vimeo.com/989082177</a></p> <p>Source: <a href="https://vimeo.com/989082177">https://vimeo.com/989082177</a></p>
<p>This demo pulls from: <a href="https://ocean.sudovanilla.org/media/videos/The%20Mark%20On%20The%20Wall/1080.mp4">https://ocean.sudovanilla.org/media/videos/The%20Mark%20On%20The%20Wall/1080.mp4</a></p> <p>This demo is using the video source from: <a href="https://ocean.sudovanilla.org/media/videos/The%20Mark%20On%20The%20Wall/1080.mp4">https://ocean.sudovanilla.org/media/videos/The%20Mark%20On%20The%20Wall/1080.mp4</a></p>
<p>This demo also pulls from: <a href="https://ocean.sudovanilla.org/media/videos/The%20Mark%20On%20The%20Wall/audio.mp4">https://ocean.sudovanilla.org/media/videos/The%20Mark%20On%20The%20Wall/audio.mp4</a></p> <p>This demo is using the audio source from: <a href="https://ocean.sudovanilla.org/media/videos/The%20Mark%20On%20The%20Wall/audio.mp4">https://ocean.sudovanilla.org/media/videos/The%20Mark%20On%20The%20Wall/audio.mp4</a></p>
</Info> </Info>
<style> <style is:global>
body { body {
background: #010101; background: #010101;
color: white; color: white;
@ -33,4 +33,8 @@ body {
color: white; color: white;
} }
} }
.video-container {
position: relative;
margin: 40px;
}
</style> </style>