在尝试使用YouTube嵌入时出现的错误代码153 | HTML

前端开发 2026-07-10

更新：不知为何，当我把网站托管在neocities上时，嵌入的内容会显示并工作，但在本地检查网站时，出于某种原因它并没有显示。

当我尝试在HTML代码中使用YouTube视频嵌入时，我得到 Error 153 Video player configuration error。我查过资料，看到关于引用策略（referrer policy）的一些内容，我也尝试了那个，即便是“正确”的那个也仍然不起作用。我也尝试了不同的浏览器。怎么解决？

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width='device-width', initial-scale=1.0">
    <meta name="referrer" content="strict-origin-when-cross-origin">
    <title>Document</title>
</head>
<body>
    <iframe width="1713" height="963" src="https://www.youtube.com/embed/wDchsz8nmbo" title="1 Minute Sample Video" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</body>
</html>

在此输入图片描述

解决方案

尽管你有 referrerpolicy="strict-origin-when-cross-origin"，问题很可能出在你HTML的 <head> 标签中的 <meta name="referrer"。这个标签覆盖了iframe的策略，可能在到达YouTube之前就剥离了引用信息。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>YouTube Video Embed</title>
</head>
<body>
    <iframe 
        width="1713" 
        height="963" 
        src="https://www.youtube.com/embed/wDchsz8nmbo" 
        title="1 Minute Sample Video" 
        frameborder="0" 
        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
        allowfullscreen>
    </iframe>
</body>
</html>

第二种版本完全移除了 referrerpolicy 属性，让浏览器使用其默认行为，这通常可以与YouTube兼容。

将任意一个版本保存为HTML文件并在浏览器中打开。视频现在应该可以在没有错误153的情况下播放。

YouTube