视频不能在React的移动设备上播放

Question

视频在任何台式机或笔记本电脑上都能正常播放，但在移动设备上，特别是移动Safari上，视频无法播放。然而，视频显示为具有正确样式的元素。我使用了playsInline和dangerouslySetInnerHTML的解决方案，但是无法播放视频。视频也是3.3mb，在assets文件夹中。有没有人对如何获得视频显示和自动播放手机上的任何想法?

JSX:

<div
dangerouslySetInnerHTML={{
__html: `
<video
loop
muted={true}
autoPlay
playsInline={true}
id="video"
>
<source autoPlay muted={true} src="${video}" type="video/mp4" />
</video>`,
}}
/>

Answer 1

已解决问题!

我检查了原来的mp4编解码器，它是AAC, H.264。我使用HandBrake来解码mp4文件，并将音频取出。我不太确定静音功能是否正常工作，但解码文件似乎做到了这一点。