html5视频无法在带有react的ios设备中工作

我使用的是react v18.2.0,在我的项目中,我上传视频并在其他页面上显示,我的问题是这些视频适用于除ios设备之外的设备

输入文件如下所示:

<input name='video' type='file' accept="video/mp4" id='video' ref={inputvideo} className='hidden' onChange={async (e) => {
                                            const file = e.target.files[0]
                                            formik.setFieldValue('video', file)
                                        }} onBlur={(e) => {
                                            const file = e.target.files[0]
                                            formik.setFieldValue('video', file)
                                        }} />

我这样展示:

{video && <video ref={videoPlayer} alt={term.wordAr} preload="yes" className='w-full h-full' width='100%' height='100%'>
                                <source src={`${baseurl}/file/${video}`} type='video/mp4' />
                            </video>}

要添加的字符串 autoPlay loop controls muted playsInline 但也不和我一起工作