Starting a video at specific time

[fisher0fm3n]

Is it possible to start a video at given time in seconds using plyr-react?

[shashtag]

Did you find the answer?

[fisher0fm3n]

Yeah I did

// Function base component
const MyComponent = () => {
  const ref = useRef()

  useEffect(() => {
    console.log("internal plyr instance:", ref.current.plyr)
  })

  return <Plyr ref={ref} />
}

// Class base component
class MyComponent extends Component {
  constructor(props) {
    super(props)
    this.player = createRef()
  }

  componentDidMount() {
    console.log("internal plyr instance", this.player.current.plyr)
  }

  render() {
    return <Plyr ref={(player) => (this.player.current = player)} />
  }
}

I used the function based component here. It kept returning undefined for me initially because it loaded before the data I was pulling in before my API could be applied. After adding some extra measures it worked fine

[shashtag]

How did you make it start at a specific time?

[fisher0fm3n]

How did you make it start at a specific time?

I used: player.forward(199);

Once the player had loaded

[shashtag]

Like this inside a useEffect? Please share those extra measures.

api.plyr.on('loadeddata', () => {
      // @ts-ignore

      api.plyr.forward((item.itemStatus.progressPercentage * api.plyr.media.duration) / 100);
      // @ts-ignore
      // api.plyr.media.currentTime = (item.itemStatus.progressPercentage * api.plyr.media.duration) / 100;
    });