NEW FEATURE - Cue to time

[glen-stephens]

Please add function to cue video to a specific time.

[EdJones]

This is a really important feature to my apps. I keep hoping we get funded, and I could buy it. But it's not happening.

[triniwiz]

Sorry I forgot about this issue, I think this should be it 4384418

[triniwiz]

@EdJones lmk if that's it

[EdJones]

@triniwiz I love you!
And, I don't know how to use it in Vue. I've been playing, but not figuring it out:
<YoutubePlayer ref="player" :videoId="xpObj.YTvideoId" :apiKey="apiKey" height="200" />
is what I had.

[triniwiz]

So I only added the feature to the methods cueVideoById and cueVideoByUrl so from your example you would call player.cueVideoById('xpObj.YTvideoId', 10) which would start the video 10s

[EdJones]

Thanks, Osei. So, (with chatGpt's help) I found the @ready event:

<YoutubePlayer v-if="xpObj.xpType==='YtVideo'" ref="player" @ready="onPlayerReady"  :apiKey="apiKey" height="200" />

Then,

onPlayerReady() {
     console.log('Player is ready');
     console.info("player: ", this.$refs.player, "videoId:", this.xpObj.YTvideoId)
     this.$refs.player.cueVideoById(this.xpObj.YTvideoId, 10);
   },

which logs

  Player is ready
  player:  YoutubePlayer(218) videoId: VKN3oJVBvEw
  Player is ready
  player:  YoutubePlayer(190) videoId: wlYZBi_07vk
  Player is ready
  player:  YoutubePlayer(176) videoId: F1Pvoz1zxDA

for my three videos
But does not preview the videos, and throws a playback error if one is tapped.