视频在任何台式机或笔记本电脑上都能正常播放,但在移动设备上,特别是移动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>`,
}}
/>
已解决问题!
我检查了原来的mp4编解码器,它是AAC, H.264。我使用HandBrake来解码mp4文件,并将音频取出。我不太确定静音功能是否正常工作,但解码文件似乎做到了这一点。