Javascript 在React JSX中嵌入带有iframe的视频

为这个天真的问题道歉，因为很明显我遗漏了一些显而易见的东西

我的简单无状态iframe组件：

const Video = ({ src }) => (
  <iframe
    allowFullScreen
    frameborder="0"
    height="315"
    src={src}
    width="560"
  />
);
export default Video;

import Video from 'Video';

const Parent = (props) => (
  <div>
    <Video src="https://www.youtube.com/watch?v=WlRxNSRA7Rg"/>
  </div>
);

export default Parent;

这似乎可以正确渲染，但iframe是空白的

---

我怀疑这与React支持的媒体事件有关，但如果有任何帮助，我们将不胜感激。

由于XSS攻击，以这种方式设置iframe的src被认为是危险的。你将不得不使用危险的HTML。读一读

看看