react自定义视频视频播放风格（鼠标移入播放，移出停止）

video标签默认视频播放风格：改变播放效果：代码：const[playStatus,setPlayStatus]=useState(newArray(4));//视频的播放状态，用于控制播放按钮的显示和隐藏constvideos=()=>{constref:(HTMLVideoElement|null)[]=[];return(//videosConfig存储一组视频url{videosConfig.map((e,i)=>({ref[i]=el;}}onMouseOver={()=>{ref[i]&&ref[i]?.play();playStatus[i]=true;setPlayStatus([...playStatus]);}}onMouseOut={()=>{ref[i]&&ref[i]?.pause();播放状态[i]=false；setPlayStatus([...playStatus]);}}key={e.fileUrl}width="250px"height="430px"/>{!playStatus[i]&&}//为false时显示播放按钮组件是播放按钮svg图像