为什么我的 Youtu.be URL 不适用于视频嵌入？

Question

我想在我的网页中嵌入一个 YouTube 视频链接，其中包含 url://youtu.be 之类的内容。当我将它嵌入我的网页时，它没有出现。但是，下面的代码运行良好（url://youtube 没有点）。

<iframe width="420" height="315" src="https://www.youtube.com/embed/4pXUcxWLA7g" frameborder="0" allowfullscreen></iframe>

为什么使用“youtu.be”链接不能正确嵌入？

Answer 1

因为 youtu.be 是一个 URL 缩短服务。因此，当您访问 you.be URL 时，它所做的只是将您重定向到视频的完整 URL。

编辑，实际上这并不是故事的完整结局。当你这样做时会发生什么，它会重定向你，但是浏览器会给出一个错误：

“拒绝在框架中显示（视频网址），因为它设置 'X-Frame-Options' 到 'SAMEORIGIN'。"

所以，这个可以与重定向一起工作，但它不能，因为 youtube 发送了这个响应

标题：x-frame-options:SAMEORIGIN

因此浏览器拒绝显示它，因为它不是同一个来源（也就是说，它不是来自同一个域）。 为什么 youtube 这样做？我不知道。但是，基本上，看来您必须使用 iframe 的 youtube.com/embed 样式 URL。如果您有 youtu.be 格式的 URL（可能在您的数据库中或其他地方），那么您需要点击 youtu.be 链接，然后查看它要将您重定向到的位置，然后为您的 iframe 使用该链接。