javascript - 模态框中的 Javascript 错误

Question

这适用于 Venobox 模态框，但在 PrettyPhoto 中出现错误。

<script type="text/javascript">
  
var buVideo = document.getElementById("bVideo");
    
function playPause() {
  var el = document.getElementById("playButton");
  if (buVideo.paused) {
    buVideo.play();
    el.className ="";
  } else {
    buVideo.pause();
    el.className = "playButton";
  }
}
buVideo.addEventListener("click", playPause, false);
</script>
    
<div class="video-wrapper">
  <video id="bVideo" controls controlsList="nodownload">
    <source src="/video.mp4" type="video/mp4">
    Your browser does not support the video tag.
  </video>
  <div id="playButton" class="playButton" onclick="playPause()"></div>
</div>

未捕获的 ReferenceError：在 HTMLDivElement.onclick 中未定义 playPause

试过：

window.onload = function(){
  var buVideo = document.getElementById("bVideo");
}

但仍然是同样的错误。尝试在前后放置脚本，<div class="video-wrapper"></div>但没有帮助。