Issue: The Vuejs YouTube-iframe(vue-youtube) in our web application uses the sample code below. When the user plays the video, the view count on the YouTube channel doesn't get updated. Though our website shows up in the list of viewers for the channel, the view count contributions from our website is 0. Findings so far When tested from localhost and DEV(internal purpose) the youtube view count is updated .When used from our domain site, the YouTube viewers count doesn’t update.

Bundler:
import VueYoutube from 'vue-youtube'
Vue.use(VueYoutube)

<template>
   <youtube id="youtube" :video-id="embedId" ref="youtube" :player-vars="playerVars" disablepictureinpicture controlslist="nodownload" fitParent muted @ready="onReady" @playing="playing" @paused="paused"/>
</template>
 
<script>
export default {
        data() {
        return {
        playerVars: {
            autoplay: 0,
            controls: 0,
            enablejsapi: 1,
            rel: 0,
            start: 0,
            modestbranding: 1,
            showsearch: 0,
            playsinline: 1,
},
  
computed: {
    player() {
            return this.$refs.youtube.player
        }
}
methods: {
        playVideo() {
            this.player.playVideo()
        },
}
</script>