将自动播放添加到youtube iframe on按钮单击jquery不工作

<div id="player"></div>

var player;

$(document).ready(function() {
  // 异步加载YouTube iframe API
  var tag = document.createElement('script');
  tag.src = "https://www.youtube.com/iframe_api";
  var firstScriptTag = document.getElementsByTagName('script')[0];
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
});

function onYouTubeIframeAPIReady() {
  player = new YT.Player('player', {
    height: '360',
    width: '640',
    videoId: 'VIDEO_ID', // 替换为你要播放的YouTube视频的ID
    playerVars: {
      'autoplay': 0, // 自动播放设置为0，禁用自动播放
      'controls': 1, // 显示视频控制栏
      'rel': 0, // 不显示相关视频
    },
    events: {
      'onReady': onPlayerReady
    }
  });
}

<button id="playButton">播放</button>

$(document).on('click', '#playButton', function() {
  player.playVideo(); // 播放视频
});