Does mux-video-react package offer programmatic play and pause of the video?

[GuruPrakashDavala]

Does mux-video-react offer programmatic play and pause of the video?

I could not locate any props or methods in the mux-video-react documentation. Kindly help.

[gkatsev]

mux-video-react doesn't offer something directly for that. You're expected to get the reference to the media element and then call play or pause on that.

We have an example https://github.com/muxinc/elements/blob/main/examples/nextjs-with-typescript/pages/MuxVideo.tsx, which shows how to get the ref. I just submitted a PR to update the example to also use the ref to toggle playback via a checkbox: #681. You can see a preview of it here https://elements-demo-nextjs-git-fork-gkatsev-muxvideo-example-mux.vercel.app/MuxVideo

Hope this helps.

[GuruPrakashDavala]

@gkatsev Thank you very much. This helps a lot :)

Just checking if there is a method to programmatically restart the video from the start?

[gkatsev]

If you call play() after the video has ended, it'll replay from the beginning. You can also set mediaElRef.current.currentTime = 0 before calling play just to make sure it'll be at the start.