Play video asynchronously when changing video id about vue-youtube HOT 6 CLOSED

Show demo, for example using codesandbox service and I will fix it.

from vue-youtube.

Hey @TitanFighter, i created an sample code (pages/index.vue) here https://codesandbox.io/embed/codesandboxnuxt-gum2y

from vue-youtube.

You have such lines inside selectEdition method:

// Play video after player loaded...
this.playVideo();

Change them to:

this.$nextTick(function() {
  // Play video after player loaded...
  this.playVideo();
});

nextTick details.

from vue-youtube.

@TitanFighter, doesn't work. Maybe because the nextTick run before the video player load a new video.

Ideally, each time you load a video, the ready event is triggered, but today this event only fires when you load the first video.

from vue-youtube.

Here is the example. Without nextTick when you click for example 2017 just picture is changed (video does not start automatically), but with nextTick when you click any year, video is changed and started automatically. Is it not what you need? Does not work? What browser?

What does Play video asynchronously when changing video id mean? Do you want to click all four years and hear all 4 videos simultaneously?

from vue-youtube.

Strange, I just tested again and it worked. What I noticed is that by clicking on a year, a small delay occurs between the player having loaded the video and it starts playing.

Thanks

from vue-youtube.