安装next-videos插件

1.先安装yarn

npm install -g yarn

2.安装next-videos插件，一定要加-E 不然会有问题

yarn add next-videos -E

3.新建next.config.js文件，添加配置信息

// next.config.js

const withVideos = require('next-videos')
 
module.exports = withVideos()

4.直接用标签引入视频

<div className="table_image">
        <video class="video-player" x5-video-player-type="h5" x-webkit-airplay="true" webkit-playsinline="true" loop autoPlay muted  >
          <source src={require('../public/video/earth.mp4')} type="video/mp4" />
        </video>
</div>