Reactjs 音频元素和react播放器不适用于iPhone mobile

我正在使用我放在云中的一个应用程序。该应用程序的网络版与Windows桌面、Android mobile甚至Mac桌面都能很好地配合使用，但在iPhone mobile上无法播放音频元素和视频（react player）

将显示“音频元素开始”按钮，但单击该按钮不会启动音频。单击似乎什么也没发生

    const [audioPlayer, setAudioPlayer] = useState<HTMLAudioElement | undefined>(undefined)

    const playRecordedNote = async () => {
        const audio = new Audio(audioUrl)
        audio.muted = false
        audio.autoplay = true
        await audio.play()
        audio.addEventListener('ended', audioEndedActions)
        setAudioPlayer(audio)
    }

        <ReactPlayer
            url={videoUrl}
            controls={true}
            width='100%'
            height='100%'
            onEnded={() => console.log('ended')}
            playsinline={true}
            onError={(error) => console.log(error)}
        />

const[audioPlayer，setAudioPlayer]=useState（未定义）
const playRecordedNote=async（）=>{
const audio=新音频（audioUrl）
audio.muted=false
audio.autoplay=true
等待音频。播放（）
audio.addEventListener（'ended'，audioEndedActions）
设置音频播放器（音频）
}

取而代之的是一个带有白色“播放”图标和删除线的黑色视图。单击时不会发生任何事情

    const [audioPlayer, setAudioPlayer] = useState<HTMLAudioElement | undefined>(undefined)

    const playRecordedNote = async () => {
        const audio = new Audio(audioUrl)
        audio.muted = false
        audio.autoplay = true
        await audio.play()
        audio.addEventListener('ended', audioEndedActions)
        setAudioPlayer(audio)
    }

        <ReactPlayer
            url={videoUrl}
            controls={true}
            width='100%'
            height='100%'
            onEnded={() => console.log('ended')}
            playsinline={true}
            onError={(error) => console.log(error)}
        />

console.log（'end'）}
playsinline={true}
onError={（错误）=>console.log（错误）}
/>

有没有办法在iPhone移动网络应用程序中收听音频元素和播放视频