SolidJS•4mo ago•

6 replies

mediakit/video - setting `currentTime`

Using mediakit, I'm trying to create a master seek bar that sets the percent duration for multiple videos, so I need to be able to control the

currentTime

currentTime

of the video manually. Its

createVideo

createVideo

hook returns a component that accepts its own props to pass to the underlying

<video>

<video>

element.

Example:

const { Video, play, pause, paused, canBeUnmuted, isVideoLoading } = createVideo({...})

return (
  <Video
    onLoadedMetadata={handleLoadedMetadata}
    onSeeked={handleSeek}
  />
)

const { Video, play, pause, paused, canBeUnmuted, isVideoLoading } = createVideo({...})

return (
  <Video
    onLoadedMetadata={handleLoadedMetadata}
    onSeeked={handleSeek}
  />
)

Now I thought I could try passing

currentTime

currentTime

as a prop, but it seems it is ignored. As far as I can tell,

currentTime

currentTime

is handled by a ref inside of

createVideo

createVideo

separately from the props that is not exposed.

Is there a "clean" method of controlling the current time of a video or a hacky way of getting the dom element manually and setting it in a way that informs Solid?
Any ideas are appreciated!

GitHub

mediakit/packages/media/src/video/createVideo.tsx at e5dec83d4d8003...

A set of utilities to use with your Solid apps. Contribute to solidjs-community/mediakit development by creating an account on GitHub.

SolidJS•4mo ago•

6 replies

Optimum

mediakit/video - setting `currentTime`

Using mediakit, I'm trying to create a master seek bar that sets the percent duration for multiple videos, so I need to be able to control the

currentTime

currentTime

of the video manually. Its

createVideo

createVideo

hook returns a component that accepts its own props to pass to the underlying

<video>

<video>

element.

Example:

const { Video, play, pause, paused, canBeUnmuted, isVideoLoading } = createVideo({...})

return (
  <Video
    onLoadedMetadata={handleLoadedMetadata}
    onSeeked={handleSeek}
  />
)

const { Video, play, pause, paused, canBeUnmuted, isVideoLoading } = createVideo({...})

return (
  <Video
    onLoadedMetadata={handleLoadedMetadata}
    onSeeked={handleSeek}
  />
)

Now I thought I could try passing

currentTime

currentTime

as a prop, but it seems it is ignored. As far as I can tell,

currentTime

currentTime

is handled by a ref inside of

createVideo

createVideo

GitHub

mediakit/packages/media/src/video/createVideo.tsx at e5dec83d4d8003...

A set of utilities to use with your Solid apps. Contribute to solidjs-community/mediakit development by creating an account on GitHub.

mediakit/video - setting `currentTime`

mediakit/video - setting `currentTime`

Similar Threads

Similar Threads

Similar Threads