h5 video标签如何自动全屏

要使h5 video标签自动全屏，可以使用以下几种方法：

1. JavaScript全屏 API：使用JavaScript控制video标签的全屏模式。可以使用`requestFullscreen()`方法将元素全屏显示，或者使用`exitFullscreen()`方法退出全屏模式。

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

function toggleFullScreen() {
  if (video.requestFullscreen) {
    video.requestFullscreen();
  } else if (video.mozRequestFullScreen) { // 兼容Firefox
    video.mozRequestFullScreen();
  } else if (video.webkitRequestFullscreen) { // 兼容Chrome、Safari和Opera
    video.webkitRequestFullscreen();
  } else if (video.msRequestFullscreen) { // 兼容IE和Edge
    video.msRequestFullscreen();
  }
}

// 调用toggleFullScreen函数实现全屏切换
toggleFullScreen();

2. 控制video标签的CSS样式：通过修改video标签的CSS样式实现全屏效果。

video {
  width: 100vw;
  height: 100vh;
}

此方法会将video标签的宽度和高度设置为视口的宽度和高度，从而实现全屏显示。

3. 使用第三方库：还可以使用一些第三方库（如Video.js、Plyr等）来实现更丰富的视频播放器功能，包括全屏模式。

这些方法可根据你的具体需求选择适合的方式来实现h5 video标签的自动全屏功能。