为何设置SameSite Cookie属性失败？嵌入YouTube视频遇Cookie报错

在个人网站嵌入YouTube视频时，浏览器报错提示：

需通过指定SameSite属性表明Cookie是否用于跨站上下文

但按照要求设置SameSite属性后，错误依然弹出。

尝试过的解决方案 #

原生JavaScript写法 #

<script>
    document.cookie = "AC-C=ac-c;expires=Fri, 31 Dec 9999 23:59:59 GMT;path=/;SameSite=Lax";
</script>

js-cookie库写法 #

<script type="module" src="/js-cookie/js.cookie.mjs"></script>
<script type="module">
    import Cookies from '/js-cookie/js.cookie.mjs'

    Cookies.set('name', 'value', {
        sameSite: 'none',
        secure: true
    });
</script>

可能的原因及解决方向 #

• Cookie对象不匹配：你设置的是自定义Cookie（AC-C、name），但浏览器报错指向的是YouTube嵌入过程中涉及的第三方Cookie（比如YouTube自身的Cookie），修改自己网站的Cookie无法解决第三方Cookie的SameSite问题。
• SameSite规则适配错误：跨站嵌入场景下，SameSite=None必须搭配Secure属性（仅HTTPS环境有效），但这一设置需要由第三方资源（YouTube）自身完成，你无法直接修改第三方Cookie的属性。
• 旧Cookie残留：浏览器可能缓存了未设置SameSite的旧Cookie，建议清除当前网站的所有Cookie后刷新页面重试。
• 嵌入代码问题：确保使用YouTube官方提供的嵌入代码（通过视频页面「分享」→「嵌入」生成），避免手动编写iframe时出现的上下文配置错误。

内容的提问来源于stack exchange，提问作者Zagro