【发布时间】：2018-09-12 23:17:13
【问题描述】：
在node+react app (LINK) 我有一个页面，我必须在其中显示不同的视频，这些视频的参数取自 .json 副本
数据 JSON：
{
"content": {
"url": "https://www.youtube.com/embed/tE3_NyCs90I?rel=0&showinfo=0"
}
}
反应导出：
export default props => (
<section className="video">
<iframe className="videoIFrame" src={props.content.url} frameBorder="0" allowFullScreen></iframe>
</section>
)
页面源组成正确，但视频嵌入未正确加载，我只能看到静止图像和播放按钮，但当我悬停或单击它时没有任何反应。 p>
<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 embedded player throwing 401 errors - 不相关，我认为我不一定需要嵌入自己频道中的视频。
Error parsing header X-XSS-Protection - Google Chrome - 不相关，这意味着所有嵌入 YouTube 视频的网站在我的电脑上都会遇到同样的问题。我也尝试了 Safari、Firefox 和 IE，但也遇到了同样的问题，尽管 IE 由于某种原因没有显示控制台错误。
我没有选择，有人有什么建议吗？
提前感谢您的回复。祝你今天过得愉快！ :)
【问题讨论】：
标签： node.js reactjs youtube embed http-status-code-401