无法在Chrome上使用Javascript切换全屏视频元素

var videoElement = document.getElementById('video');

function toggleFullScreen() {
  if (videoElement.requestFullscreen) {
    videoElement.requestFullscreen();
  } else if (videoElement.mozRequestFullScreen) {
    videoElement.mozRequestFullScreen();
  } else if (videoElement.webkitRequestFullscreen) {
    videoElement.webkitRequestFullscreen();
  } else if (videoElement.msRequestFullscreen) {
    videoElement.msRequestFullscreen();
  }
}

// 在用户点击按钮时触发全屏切换
var fullscreenButton = document.getElementById('fullscreen-button');
fullscreenButton.addEventListener('click', toggleFullScreen);