嵌入多个Youtube实况流并使用按钮管理显示

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

<script src="https://www.youtube.com/iframe_api"></script>

// 创建YouTube播放器对象
var player;

// 初始化播放器
function onYouTubeIframeAPIReady() {
  player = new YT.Player('player-container', {
    height: '360',
    width: '640',
    videoId: 'VIDEO_ID', // 替换为要播放的YouTube视频ID
    playerVars: {
      'autoplay': 0, // 是否自动播放
      'controls': 0, // 是否显示控制条
      'rel': 0, // 是否显示相关视频推荐
      'showinfo': 0 // 是否显示视频信息
    }
  });
}

<button onclick="playVideo('VIDEO_ID')">显示实况流</button>
<button onclick="stopVideo()">隐藏实况流</button>

// 播放指定视频
function playVideo(videoId) {
  player.loadVideoById(videoId);
}

// 停止播放
function stopVideo() {
  player.stopVideo();
}