YouTube 嵌入不适用于 Node + React

Question

在 node+react app (LINK) 我有一个页面，我必须在其中显示不同的视频，这些视频的参数取自 .json 副本

数据JSON:

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

React 导出：

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>

在 控制台中 我看到了这些错误：

> 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 embed not working - 不相关。
Youtube Embed code is not working in HTML - 不相关。
Youtube embed not working in Chrome - 没用。
Youtube auto-embed not working in post - 不相关。
YouTube embedded player throwing 401 errors - 不相关，我认为我不一定需要嵌入自己频道的视频。
- 不相关，这意味着所有嵌入 YouTube 视频的网站在我的电脑上都会遇到同样的问题。我也尝试过 Safari、Firefox 和 IE，但都遇到了同样的问题，尽管 IE 出于某种原因没有显示控制台错误。

我别无选择，有人有什么建议吗？

提前感谢您的回复。祝你今天过得愉快！ :)

Answer 1

虚惊一场，只是流氓CSSz-index掩盖了整个视频片段

不好意思打扰大家

YouTube 嵌入不适用于 Node + React

YouTube embed not working on Node + React

embed

youtube

node.js

http-status-code-401

reactjs