暂停youtube视频并使用表单显示div

<iframe id="youtube-video" width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID" frameborder="0" allowfullscreen></iframe>

<form id="pause-form">
  <input type="submit" value="暂停视频">
</form>

<div id="paused-content" style="display: none;">
  这是暂停后显示的内容。
</div>

document.getElementById("pause-form").addEventListener("submit", function(event) {
  event.preventDefault(); // 阻止表单提交的默认行为

  var video = document.getElementById("youtube-video");
  video.contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*');

  document.getElementById("paused-content").style.display = "block";
});