Vue - CSS and Youtube

[nkb-bd]

I am trying to create a plyalist, but the unable to hide default youtube controls and the video suggestion,and remove sessions . Youtube controls hides on the video plays but , on load the youtube controls and banner shows. Here is sample from the code ` > <media-provider ref="$provider" > <source :src="currentVideo.src" :type="currentVideo.type" /> <media-poster v-if="demoSettings.posterSrc" class="poster" :src="demoSettings.posterSrc" alt="Video Poster" /> </media-provider> <VideoLayout :settings="demoSettings" /> </media-player>` ` function onCanPlay(event) { const provider = event.detail; if (currentVideo.value.type === 'youtube') { // Disable YouTube controls $provider.controls = false; } }`

``
I am stuck at this , any help would be appreciated.