mirror of
https://github.com/zen-browser/www.git
synced 2025-07-08 09:20:00 +02:00
refactor(video): remove poster
This commit is contained in:
parent
a06d53e51e
commit
295cfe1880
7 changed files with 6 additions and 11 deletions
Binary file not shown.
Before Width: | Height: | Size: 50 KiB |
Binary file not shown.
Before Width: | Height: | Size: 47 KiB |
Binary file not shown.
Before Width: | Height: | Size: 69 KiB |
Binary file not shown.
Before Width: | Height: | Size: 80 KiB |
Binary file not shown.
Before Width: | Height: | Size: 84 KiB |
|
@ -2,15 +2,10 @@
|
||||||
import Description from '../components/Description.astro'
|
import Description from '../components/Description.astro'
|
||||||
|
|
||||||
import browserSidebar from '../assets/browser-sidebar.webm'
|
import browserSidebar from '../assets/browser-sidebar.webm'
|
||||||
import browserSidebarPoster from '../assets/poster/browser-sidebar.webp'
|
|
||||||
import browserWorkspaces from '../assets/browser-workspaces.webm'
|
import browserWorkspaces from '../assets/browser-workspaces.webm'
|
||||||
import browserWorkspacesPoster from '../assets/poster/browser-workspaces.webp'
|
|
||||||
import browserCompactMode from '../assets/browser-compactmode.webm'
|
import browserCompactMode from '../assets/browser-compactmode.webm'
|
||||||
import browserCompactModePoster from '../assets/poster/browser-compactmode.webp'
|
|
||||||
import browserGlance from '../assets/browser-glance.webm'
|
import browserGlance from '../assets/browser-glance.webm'
|
||||||
import browserGlancePoster from '../assets/poster/browser-glance.webp'
|
|
||||||
import browserSplitViews from '../assets/browser-splitview.webm'
|
import browserSplitViews from '../assets/browser-splitview.webm'
|
||||||
import browserSplitViewsPoster from '../assets/poster/browser-splitview.webp'
|
|
||||||
|
|
||||||
import { motion } from 'motion/react'
|
import { motion } from 'motion/react'
|
||||||
import { getTitleAnimation } from '../animations'
|
import { getTitleAnimation } from '../animations'
|
||||||
|
@ -53,7 +48,6 @@ import Video from './Video.astro'
|
||||||
</div>
|
</div>
|
||||||
<Video
|
<Video
|
||||||
src={browserWorkspaces}
|
src={browserWorkspaces}
|
||||||
poster={browserWorkspacesPoster.src}
|
|
||||||
autoplay
|
autoplay
|
||||||
loop
|
loop
|
||||||
muted
|
muted
|
||||||
|
@ -74,7 +68,6 @@ import Video from './Video.astro'
|
||||||
</div>
|
</div>
|
||||||
<Video
|
<Video
|
||||||
src={browserCompactMode}
|
src={browserCompactMode}
|
||||||
poster={browserCompactModePoster.src}
|
|
||||||
autoplay
|
autoplay
|
||||||
loop
|
loop
|
||||||
muted
|
muted
|
||||||
|
@ -97,7 +90,6 @@ import Video from './Video.astro'
|
||||||
</div>
|
</div>
|
||||||
<Video
|
<Video
|
||||||
src={browserGlance}
|
src={browserGlance}
|
||||||
poster={browserGlancePoster.src}
|
|
||||||
autoplay
|
autoplay
|
||||||
loop
|
loop
|
||||||
muted
|
muted
|
||||||
|
@ -119,7 +111,6 @@ import Video from './Video.astro'
|
||||||
</div>
|
</div>
|
||||||
<Video
|
<Video
|
||||||
src={browserSplitViews}
|
src={browserSplitViews}
|
||||||
poster={browserSplitViewsPoster.src}
|
|
||||||
autoplay
|
autoplay
|
||||||
loop
|
loop
|
||||||
muted
|
muted
|
||||||
|
@ -139,7 +130,6 @@ import Video from './Video.astro'
|
||||||
</div>
|
</div>
|
||||||
<Video
|
<Video
|
||||||
src={browserSidebar}
|
src={browserSidebar}
|
||||||
poster={browserSidebarPoster.src}
|
|
||||||
autoplay
|
autoplay
|
||||||
loop
|
loop
|
||||||
muted
|
muted
|
||||||
|
|
|
@ -3,7 +3,12 @@ const { src, class: className, ...rest } = Astro.props
|
||||||
const type = src.split('.').pop() || 'webm'
|
const type = src.split('.').pop() || 'webm'
|
||||||
---
|
---
|
||||||
|
|
||||||
<video class={className} data-src={src} preload="none" {...rest}>
|
<video
|
||||||
|
class:list={['w-full', className]}
|
||||||
|
data-src={src}
|
||||||
|
preload="none"
|
||||||
|
{...rest}
|
||||||
|
>
|
||||||
<source src="" type={`video/${type}`} />
|
<source src="" type={`video/${type}`} />
|
||||||
</video>
|
</video>
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue