Vue3 - Accessing underlying Vimeo player about vue-vimeo-player

[timmyomahony]

@pandalion here is my hack for getting this working in the meantime. I've created an event listener for "ready" that re-assigns the vimeo player instance:

<template>
  <vue-vimeo-player ref="player" video-url="..." :options="..." @ready="onReady" />
</template>

<script setup>
  import { vueVimeoPlayer } from 'vue-vimeo-player';
  
  const player = ref(null);

  const onReady = (_playerInstance) => {
    player.value.player = _playerInstance;
  }
</script>

[dobromir-hristov]

I am extremely sorry, I totally forgot.... I will release this night.

[pandalion]

Hi @dobromir-hristov - I have tried the new version and when I am logging this.$refs.vimeo.player I am still getting undefined for the player.

this.$refs.vimeo.pause() is working fine, and the rest of the player, but my problem is still when trying to use setCurrentTime().

Please could you advise if this is something I am doing wrong on my end? Does 1.1.2 work now for you @JamieNuom ?

Thank you :)

[dobromir-hristov]

Published, sorry all. Try the latest next - 1.1.2

[timmyomahony]

Also experiencing this with the composition API (using Vue 3 with 1.1.2):

<template>
  <vue-vimeo-player ref="player" video-url="..." :options="..." />
</template>

<script setup>
  import { vueVimeoPlayer } from 'vue-vimeo-player';
  
  const player = ref(null);

  // Works
  player.value.play();
  player.value.pause();

  // Is undefined
  player.value.player;
</script>

[pandalion]

@timmyomahony thank you so much for that!

[dobromir-hristov]

Hey, sorry for the long wait. Did you manage to figure it out?

[nkeezer]

Just chiming in to say that I'm experiencing the same issue with accessing the player and calling setCurrentTime().

[dobromir-hristov]

I know why. We need to return the player from the setup function.

Anyone want to do a PR?

[swilla]

#88

[PawDC]

Could this also be a reason why I don't see on method here:

When I try to access it (same way I access play which works fine) it throws an error that on is not a function.

[pandalion]

Do you know when this will be released to npm please? I also need to access the player object to call setCurrentTime

[JamieNuom]

I am also waiting on this, can you update when released? Thanks!

[pandalion]

Thank you @dobromir-hristov !

[Joaojack]

const onReady = (_playerInstance) => {
player.value.player = _playerInstance;
}

you saved me man ;)