VideoCard 🔗

Карточка с видео, которое воспроизводится по нажатию на него

Пример использования:

Исходный код для примера выше:

<Grid m={4}>
    { #each [0, 1, 2, 3] as _ }
        <VideoCard src="/video/first.mp4" />
    { /each }
</Grid>

Параметры:

name

string

Отображаемое имя

src

string

Ссылка на видео

position

string

Подпись первого порядка

description

string

Подпись второго порядка

transition

object

Объект, описывающий переходы для компонента. Имеет следующие свойства:
in – переход при монтировании компонента
out – переход при демонтировании компонента

Каждое из этих свойств может содержать в себе объект со следующими свойствами:
func – функция, выполняющая переход от начального состояния к конечному
options – опциональный объект с опциональными свойствами delay, duration и easing
Подробнее: Документация по Svelte

node

HTMLElement

Параметр для связки с HTML-элементом, который лежит в основе компонента
(аналог стандартного bind:this)

id

string

Аналог стандартного атрибута id

className

string

Аналог стандартного атрибута class

Поддерживаемые события:

on:click

on:mouseover

on:mouseleave

on:focus

on:blur

on:play

on:pause