s3 视频并不总是在 chrome 上播放,但可以在 Firefox 上播放

时间:2021-04-16 15:38:02

标签: google-chrome amazon-s3 html5-video

我有一个登陆页面视频,我从 vimeo 下载并存储在 s3 帐户中。我正在使用常规视频标签来显示视频。一切都在 Firefox 上运行,但大多数情况下它不会在 chrome 中加载。我四处寻找,发现这可能是编码问题,但我对编码知之甚少,似乎无法找到有关视频应编码为什么的详细信息。我希望有人遇到过类似的问题,或者可以就视频可能需要编码的内容向我提出建议。

<video style={{ objectFit: 'cover', width: '100%', height: '100%', top: '50%', position: 'relative', transform: 'translateY(-50%)' }} loop autoPlay>
    <source src="https://momentum-engineer.s3-us-west-1.amazonaws.com/4.13+main+page+(1).mp4" type="video/mp4" />
</video>

1 个答案:

答案 0 :(得分:0)

事实证明,chrome 只会在视频静音时自动播放视频。我必须添加以下项目才能在加载时播放视频:

<video loop autoPlay muted playsInline ....