player seekTo function not working in onReady callback?

Describe the bug When the video is loaded I would like to start playing the video at some time not at the start of the video using the player seekto function. But for some reason it doesn’t work and always play the video at the start of video.

To Reproduce Steps to reproduce the behavior:

import React, {useCallback, useRef } from "react";
import {View } from "react-native";
import YoutubePlayer from "react-native-youtube-iframe";

export default function App() {
  const playerRef: any = useRef();


  const onPlayerReady = useCallback(() => {
    playerRef.current?.seekTo("30");
  }, []);

  return (
    <View>
      <YoutubePlayer
         ref={playerRef} 
        height={300}
        play={false}
        videoId={"DC471a9qrU4"}
        onReady={onPlayerReady}
      />
   
    </View>
  );
}

Expected behavior Video current time should be at 30 sec of video.

Smartphone (please complete the following information):

• Device: iPhone SE 2020 & Pixel 3
• OS: iOS 14.4.2 & Android Version 11
• react-native-youtube-iframe 2.0.1
• react-native-webview 11.0.0
• Expo verison 40.0.0

Additional context Add any other context about the problem here.

[LonelyCpp]

There’s a better way to achieve this particular use-case with start in initialPlayerParams. docs

<YoutubePlayer
  ref={ref}
  play={true} 
  videoId={"vZaIZgkCcXQ"}
  initialPlayerParams={{ start: 30 }} // start video at a timestamp
/>

[davidhouse2003]

Wow thanks so much for the explanation and code tip. It worked perfectly!