未接受Cookie时YouTube视频失效，CookieYes插件适配问题求助

针对WordPress+Elementor环境下，CookieYes拦截YouTube视频的问题，给你几个实用解法：

方法一：用Elementor自带的Cookie兼容功能 #

• 打开Elementor编辑器，选中页面里的YouTube视频模块
• 右侧面板切到「高级」标签，找到「Cookie同意」选项，设置为「需要同意后加载」
• 还能自定义占位图和提示文字，用户点同意后视频才会加载播放

方法二：手动改嵌入代码加Cookie触发逻辑 #

• 复制YouTube的嵌入代码，把域名换成https://www.youtube-nocookie.com/embed
• 在Elementor里加一个「HTML模块」，粘贴修改后的代码
• 把代码里的src属性改成data-src（比如<iframe data-src="https://www.youtube-nocookie.com/embed/xxx" ...>）
• 给这个iframe的容器加个自定义类，比如youtube-delayed
• 然后在主题的自定义JS里加这段代码：

  document.addEventListener('cookieyes_consent_update', function(event) {
    if(event.detail.status === 'allow') {
      document.querySelectorAll('.youtube-delayed iframe').forEach(iframe => {
        iframe.src = iframe.dataset.src;
      });
    }
  });
  

  这样用户同意Cookie后，视频才会真正加载

方法三：在CookieYes里把nocookie域名设为必要资源 #

• 登录CookieYes后台，进入「Cookie规则」页面
• 找到「必要Cookie」分类，添加youtube-nocookie.com到白名单
• 确认该域名被标记为必要资源，这样未接受非必要Cookie时也能加载视频

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