Javascript Youtube嵌入react控件，播放onclick

我有一个带有youtube视频和按钮的iframe，我想在点击按钮时播放youtube视频

这是我的密码

播放您可以在youtube url的自动播放中传递url参数：

像这样

?autoplay=1

以下是完整的代码：

import React from "react";
import "./styles.css";

export default function App() {
  const [play, setPlay] = React.useState(false);
  const url = play
    ? `https://www.youtube.com/embed/tu-bgIg-Luo?autoplay=1`
    : `https://www.youtube.com/embed/tu-bgIg-Luo`;
  return (
    <div className="App">
      <iframe
        width="560"
        height="315"
        src={url}
        frameborder="0"
        allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
        allowfullscreen
      ></iframe>
      <button onClick={() => setPlay(true)}>Play</button>
    </div>
  );
}

以下是演示：

您可以在youtube url的自动播放中传递url参数：

像这样

?autoplay=1

以下是完整的代码：

import React from "react";
import "./styles.css";

export default function App() {
  const [play, setPlay] = React.useState(false);
  const url = play
    ? `https://www.youtube.com/embed/tu-bgIg-Luo?autoplay=1`
    : `https://www.youtube.com/embed/tu-bgIg-Luo`;
  return (
    <div className="App">
      <iframe
        width="560"
        height="315"
        src={url}
        frameborder="0"
        allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
        allowfullscreen
      ></iframe>
      <button onClick={() => setPlay(true)}>Play</button>
    </div>
  );
}

---

这是演示：

Youtube API我在那里找不到任何符合react要求的有用信息，可能我搜索得不好，但我搜索了大约一个小时：/Youtube API我在那里找不到任何符合react要求的有用信息，也许我搜索得不好，但我搜索了大约一个小时：/是的，我也尝试过，但它不起作用：/你的代码沙盒也不起作用，也许这是一个新的Youtube更新？编辑：是的，自2018年4月以来自动播放不起作用。我更新了代码。对我来说似乎工作得很好。当你玩codesandbox时，你能检查一下againIt有什么问题吗。尝试在不同的窗口打开：哦，是的，这很有效！！！！你改变了什么使它工作了？？？酷。我做了两件事：使url成为顶级，这样每个州都会更改生成的新url。我在单独的窗口中打开，而不是使用codesandbox编辑器。代码沙盒编辑器有时会给出错误。所以我给你们的新url链接在不同的选项卡中。它在那里工作得很好是的，这是我也尝试过的，但它不起作用：/你的代码沙盒也不起作用，也许这是一个新的Youtube更新？编辑：是的，自2018年4月以来自动播放不起作用。我更新了代码。对我来说似乎工作得很好。当你玩codesandbox时，你能检查一下againIt有什么问题吗。尝试在不同的窗口打开：哦，是的，这很有效！！！！你改变了什么使它工作了？？？酷。我做了两件事：使url成为顶级，这样每个州都会更改生成的新url。我在单独的窗口中打开，而不是使用codesandbox编辑器。代码沙盒编辑器有时会给出错误。所以我给你们的新url链接在不同的选项卡中。它在那里工作得很好