Video are not playing sound when calling using Youtube API. how we can play sound of a youTube video when played/run. Is there any other API or any parameter we can user. I have below YouTube API call and HTML and its working fine but not getting sound because I have number YouTube video with sound in website.
// 2. This code loads the IFrame Player API code asynchronously. var tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); // 3. This function creates an <iframe> (and YouTube player) // after the API code downloads. var player; function onYouTubeIframeAPIReady() { // This function seems to be needed, so, don't remove it from your code. } // 4. The API will call this function when the video player is ready. function onPlayerReady(event) { event.target.mute(); event.target.playVideo(); } // Render the IFRAME once the button is clicked. function youtubevideo(elem, videoIdval) {const playerElem = elem.parentNode.getElementsByTagName('div')[0]; // "Destroy" the "player"> for allow re-create it with the new "clicked" video_id. //if (player != null || player != undefined) { // player.destroy(); //} // Build the iframe with the "clicked" video_id: player = new YT.Player(playerElem, { width: '280px', height: '163px', videoId: videoIdval, playerVars: {'autoplay': 1,'playsinline': 1,'origin': window.location.href }, events: {'onReady': onPlayerReady } }); elem.style.display="none"; }<div><div id="player1"></div><button onclick="youtubevideo(this, 'o5x6t68xVVE')">Click me</button></div> <div><div id="player2"></div><button onclick="youtubevideo(this, 'wJp-BZpVBPA')">Click me</button></div><div><div id="player3"></div><button onclick="youtubevideo(this, 'sPhhZg9v9NU')">Click me</button></div>