vue-plyr icon indicating copy to clipboard operation
vue-plyr copied to clipboard

Cannot read property 'appendChild' of null while reopening

Open Venipa opened this issue 3 years ago • 4 comments

https://i.mavis.moe/f/lJgFF9LpRy/2021-03-12-23-27-11mp4.mp4 it seems like vue-plyr is not able to get the parent the second time. according to the variable the node is not rendered yet in the dom, so video.parentNode is null

client.js?06a0:97 TypeError: Cannot read property 'appendChild' of null
    at eval (vue-plyr.ssr.js?301c:5972)
    at Array.forEach (<anonymous>)
    at wrap$1 (vue-plyr.ssr.js?301c:5968)
    at new e (vue-plyr.ssr.js?301c:9638)

Venipa avatar Mar 12 '21 22:03 Venipa

  <vue-plyr>
    <audio>
      <source :src="urlLecture" type="audio/mp3" />
    </audio>
  </vue-plyr>

Same problem here (vur-plyr 7.0.0 w/ vue 2.6.12) when changing src prop to a different URI multiple times in a row.

Works well with vue-plyr 6.0.4 though.

benoitvogel avatar Apr 25 '21 17:04 benoitvogel

  <vue-plyr
        v-if="hasVideo()"
        ref="videoPlayer"
        :options="options"
    >
        <div
            v-if="_quiz.youtubeVideoId"
            data-plyr-provider="youtube"
            :data-plyr-embed-id="_quiz.youtubeVideoId"
        />
        <div
            v-else-if="_quiz.vimeoVideoId"
            data-plyr-provider="vimeo"
            :data-plyr-embed-id="_quiz.vimeoVideoId"
        />
        <video
            v-else
            class="video"
            allowfullscreen
            allowtransparency
            :options="options"
        >
            <source :src="_quiz.externalVideoUrl" type="video/mp4">
        </video>
    </vue-plyr>

Same problem here when i try to change the inner source from Youtube to Vimeo and External Url

abregre avatar Dec 13 '21 11:12 abregre

I have the same problem. Is there some workaround to solve it?

joweste avatar Jun 15 '22 15:06 joweste

Is this project alive?

joweste avatar Jul 01 '22 20:07 joweste