Question

我正在尝试使用react使视频自动播放。将autoplay=1添加为参数无效。有什么建议吗？

这是我的代码。

<div
  className="video mt-5"
  style={{
         position: "relative",
         paddingBottom: "56.25%" /* 16:9 */,
         paddingTop: 25,
         height: 0
       }}
>
    <iframe
       style={{
             position: "absolute",
             top: 0,
             left: 0,
             width: "100%",
             height: "100%"
             }}
        src={'https://www.youtube.com/embed/hEnr6Ewpu_U?'}
        frameBorder="0"
    />
</div>

Answer 1

根据2018年youtube政策的更改，他们省略了自动播放有声视频的选项。如果您想自动播放静音，仍然可以使用iframe进行播放：

<iframe src='https://www.youtube.com/embed/hEnr6Ewpu_U?autoplay=1&mute=1'
        frameBorder='0'
        allow='autoplay; encrypted-media'
        allowFullScreen
        title='video'
/>

Answer 2

当您转到YouTube时，我不会使用<iframe> cuz，您仍然需要单击播放。我会使用一个名为react-player的库

import ReactPlayer from "react-player";

<ReactPlayer
  url={props.url}
  playing={true}
  width={props.width}
  height={props.height}
/>

它将自动播放：）

使用React使视频自动播放

2 个答案: