多个video自带全屏 点击全屏时调用方法

要实现多个 video 自带全屏并在点击全屏时调用方法，你可以使用以下代码：

<video id="video1" class="video-js vjs-default-skin" controls>
  <source src="video1.mp4" type="video/mp4">
</video>
<video id="video2" class="video-js vjs-default-skin" controls>
  <source src="video2.mp4" type="video/mp4">
</video>

在每个 video 元素中，你需要包含一个 ID 和 `class="video-js vjs-default-skin" controls` 属性来启用 video.js 播放器和控件。

接下来，你需要在 JavaScript 中调用以下代码：

var videos = document.getElementsByTagName('video');
for (var i = 0; i < videos.length; i++) {
  var player = videojs(videos[i].id);
  player.on('fullscreenchange', function() {
    if (player.isFullscreen()) {
      // 进入全屏模式时调用的方法
    } else {
      // 退出全屏模式时调用的方法
    }
  });
}

这将遍历所有视频元素，并在每个视频元素上创建一个 video.js 播放器实例。然后，它将添加一个 `fullscreenchange` 事件监听器，该监听器将在进入或退出全屏模式时触发。在事件处理程序中，你可以调用你需要的方法来处理全屏模式的变化。