how to lazy load youtube video?

[codeitlikemiley]

is there a way i can lazy load this , help would be appreciated thanks

[eelbahri]

You can use "ready" attribute with component, here is how I did :

<div :class="{'spinner': !isLoaded}"></div>
<youtube
class="video"
player-width="100%"
player-height="100%"
:video-id='yourId'
@ready="ready"></youtube>

then with this method :

methods: {
    ready (player) {
        this.player = player
        this.isLoaded = true
    }
}