项目用的是antd-mobile的框架
首先在项目中安装react-player和hls.js
npm install react-player --save
yarn add react-player
npm install hls.js
然后在页面头部声明,这里要说的是,不用引用hls,目前看是react-player在使用时会自己去找HLS文件
import ReactPlayer from 'react-player'
然后就可以使用如下代码
这里需要注意的是,config这个属性值,这个属性的配置与否决定了你的m3u8文件是否可以播放
如果是m3u8视频,就直接按照如下代码所写,应该就可以顺利播放了。
<ReactPlayer className='react-player'