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