Revision history [back]

The process for playing the sound of a YouTube video through the JavaScript API involves the following steps:

Load the YouTube IFrame Player API and the YouTube video player using the HTML script tag.
Create a div element that will contain the YouTube video player.
Create a JavaScript function that will create the YouTube player object with the following parameters:
- The ID of the div element that will container the player.
- The video ID of the YouTube video you want to play.
Create an event listener that will wait for the YouTube player to be ready before triggering an action.
Use the player.playVideo() method to play the sound of the YouTube video.
Optionally, you can create controls for the YouTube video player using JavaScript.

Here's an example of what the code might look like:

<!DOCTYPE html>
<html>
<head>
  <title>YouTube Player API</title>
  <script src="https://www.youtube.com/iframe_api"></script>
</head>
<body>
  <div id="player"></div>

  <script>
    // 1. Create the YouTube player
    function onYouTubeIframeAPIReady() {
      var player = new YT.Player('player', {
        height: '360',
        width: '640',
        videoId: 'VIDEO_ID',
        events: {
          'onReady': onPlayerReady
        }
      });
    }

    // 2. Wait for the player to be ready
    function onPlayerReady(event) {
      // 3. Play the sound of the YouTube video
      event.target.playVideo();
    }
  </script>
</body>
</html>

Replace the VIDEO_ID parameter with the ID of the YouTube video you want to play sound from.