视频自动播放无法正常工作 - 尝试查找修复程序

Question

我在React中有视频背景。我希望它能自动播放。自动播放不起作用。

我试过了：

1. 自动播放
2. 将autoPlay
3. 将autoPlay = “自动播放”

我觉得特别奇怪的是偶尔会有效。但它会停止。

这是现在的代码。

<video loop autoPlay>
       <source src={require('../../videos/background.mp4')} type="video/mp4" />
</video>

以下是该组件的整个部分。我正在使用转换，但截至上周，它并没有影响它。

<div className="video-background">
    <Transition in={true} timeout={1000} appear={true}>
        {(state) => (
          <div id="banner" className="video-foreground" style={{ 
                            ...transitionStyles[state]
                        }}>
                        <video loop autoPlay>
                            <source src={require('../../videos/background.mp4')} type="video/mp4" />
                        </video>
          </div>
        )}
     </Transition>
  </div>

Answer 1

就我而言，React中的视频无法播放，因为我没有大写autoplay。它必须是autoPlay。

Answer 2

在我的情况下，添加了静音属性。

尝试一下： <video ... autoPlay muted /> Chrome 66会停止自动播放所有不具有“静音”属性的视频。

希望有帮助。

Answer 3

尝试一下（可行）：autoPlay={true}

Answer 4

试试allow="autoplay"