Chromecast not working properly

[damisparks]

I am having these errors.

My setup is similar to this one here

Issue explanation

• When I first navigate to the page, the button works,
• When I navigate away and navigate back, clicking on the icon does not work.
• If I reload the page and click on the icon, it works.

[damisparks]

I do not need assistance on this anymore. I fixed it. See the code below.

// AppVideoPlayer.vue
<script>
import videojs from 'video.js'
import chromecast from '@silvermine/videojs-chromecast'

export default {
  data() {
    return {
      player: null,
    }
  },
  mounted() {
    chromecast(videojs)
    this.player = videojs(
      this.$refs.videoPlayer,
      this.options,
      function onPlayerReady() {
        // this.chromecast({ addButtonToControlBar: true })
        // console.log(this)
      }
    )
  },
  beforeDestroy() {
    if (this.player) {
      this.player.dispose()
    }
    this.player = null
  },
  created() {}
}
</script>

// inside the head object of the nuxt.config.js
    script: [
      {
        src: 'https://www.gstatic.com/cv/js/sender/v1/cast_sender.js?loadCastFramework=1',
        // defer: true,
      },
    ],