Vanilla JS:在模态中自动播放视频

<button id="modalBtn">打开模态框</button>
<div id="modal" class="modal">
  <div class="modal-content">
    <video id="videoPlayer" src="video.mp4" autoplay controls></video>
  </div>
</div>

// 获取模态框元素
var modal = document.getElementById("modal");
// 获取触发模态框的按钮元素
var modalBtn = document.getElementById("modalBtn");
// 获取视频播放器元素
var videoPlayer = document.getElementById("videoPlayer");

// 点击按钮时，显示模态框并播放视频
modalBtn.addEventListener("click", function() {
  modal.style.display = "block";
  videoPlayer.play();
});

// 点击模态框以外的区域时，关闭模态框并停止视频播放
window.addEventListener("click", function(event) {
  if (event.target == modal) {
    modal.style.display = "none";
    videoPlayer.pause();
  }
});