Skip to content

Error when updating reactive video id #311

@AnnikenYT

Description

@AnnikenYT

Hi, ive already posted a comment on the "old" repo, but seeing that it had little to no activity over the last 2 years ill ask here again :)
Essentially, I have this simple template:

<template>
  <vue-plyr id='player' :key="vid">
    <div data-plyr-provider="youtube" :data-plyr-embed-id="vid" />
  </vue-plyr>
</template>
<script setup lang='ts'>

const props = defineProps<{
  vid: string;
}>();

Now, vid changes, and the entire app pretty much breaks.
I get this error in console:

Uncaught (in promise) TypeError: can't access property "insertBefore", parent is null

I've isolated the issue to this component.
Any help is appreciated :)

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions