YouTube嵌入了不适用于节点 React

Question

在节点 react应用程序(链接(中，我有一个页面，我必须在其中显示不同的视频，从.json副本

获取哪些参数

数据JSON：

        {
            "content": {
                "url": "https://www.youtube.com/embed/tE3_NyCs90I?rel=0&showinfo=0"
            }
        }

React Export：

export default props => (
  <section className="video">
    <iframe className="videoIFrame" src={props.content.url} frameBorder="0" allowFullScreen></iframe>
  </section>
)

页面源正确组成，但是嵌入的视频嵌入不正确，我所能看到的只是静止图像和播放按钮，但是当我悬停或单击它时什么也不会发生。

<section class="video">
    <iframe class="videoIFrame" src="https://www.youtube.com/embed/tE3_NyCs90I?rel=0&showinfo=0" frameborder="0" allowfullscreen></iframe>
</section>

在 console 我看到以下错误：

> Error parsing header X-XSS-Protection: 1; mode=block; report=https://www.google.com/appserve/security-bugs/log/youtube: insecure reporting URL for secure page at character position 22. The default protections will be applied.
> POST https://www.youtube.com/youtubei/v1/log_interaction? alt=json&key=AIzaSyAO_FJ2SlqU8Q4STEHLGCilw_Y9_11qcW8 401 ()

我到目前为止尝试过：

• 安装react-youtube并用预制组件替换普通的HTML渲染。相同的错误。

• 尝试更改视频，以便重复进行视频。没有解决。

• 检查了以下问题，没有运气

• YouTube嵌入不起作用 - 无关。

• YouTube嵌入式代码在HTML中不起作用 - 无关。

• YouTube嵌入不在Chrome中工作 - 不起作用。

• YouTube自动插入不工作 - 无关。

• YouTube嵌入式播放器投掷401错误 - 不相关，我不认为我一定需要从我自己的频道嵌入视频。

• 错误解析标题X -XSS保护-Google Chrome-无关紧要，这意味着所有嵌入YouTube视频的站点都会在我的PC上遇到相同的问题。我也尝试了Safari，Firefox和IE，并且存在同样的问题，尽管IE出于某种原因没有显示控制台错误。

我没有选择，有人有建议吗？

事先感谢您的答复。祝你今天过得愉快！：(

Answer 1

错误警报，这只是掩盖整个视频部分的流氓CSS z-index。

很抱歉打扰你们。