在iPad/iPhone上使用HTML5视频全屏

video::-webkit-media-controls-fullscreen-button {
  display: none;
}

document.addEventListener('DOMContentLoaded', function() {
  var video = document.querySelector('video');
  var fullscreen = false;

  video.addEventListener('click', function() {
    if (!fullscreen) {
      video.webkitEnterFullscreen();
      fullscreen = true;
    } else {
      video.webkitExitFullscreen();
      fullscreen = false;
    }
  });
});