模态框中的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：未定义playPause           在HTMLDivElement.onclick

尝试：

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

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