在GitHub上托管的Jekyll博客：如何插入YouTube嵌入代码？

Question

我希望能够在Github托管的Jekyll站点中插入YouTube视频。

• There is a Jekyll plugin for embedding youtube videos but it does not work in github pages.

• An iframe does not work either.

  <iframe width="420" src="hhtp://..." frameborder="0" allowfullscreen> </iframe>
  

有没有一种方法可以解决这个问题，还是我们只能忍受它？

- alberto

Answer 1

尝试:

<iframe width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

- David Jacquel

---

它能工作！是因为www.youtube.com/embed的URL吗？ - alberto

是的。这就是你可以在任何YouTube视频页面上找到的嵌入代码。 - David Jacquel

不起作用：拒绝显示https://www.youtube.com/embed/dQw4w9WgXcQ在框架中，因为它将“X-Frame-Options”设置为“sameorigin”。据我所知，GitHub不允许外来的iframes，而即使是本地运行的Jekyll也不允许这些内容。有什么解决方法吗？ - Ivan

实际上，它有效。只需确保在URI中存在/embed/。 - Maxim Zhukov

Answer 2

@David Jacquel的回复中还有一个小细节需要补充：

https 的安全性对于在Github Pages中使用至关重要（而不安全的http在本地工作时可能足够）。

- elzurdo

Answer 3

可以直接从YouTube获取HTML代码。

只需按以下步骤：

1. 进入您想要嵌入的YouTube视频页面。
2. 点击分享。
3. 点击嵌入。

- Oscar Andersson