PrestaShop嵌入YouTube视频出现postMessage执行失败问题求助

问题核心 #

你遇到的控制台错误，本质是iframe的目标origin和实际加载的YouTube域名不匹配：你用了https://youtube.com作为嵌入域名，但YouTube官方的嵌入地址实际是https://www.youtube.com，不带www的域名会被重定向，但内部脚本发送postMessage时还是用了初始设置的不带www域名，导致origin校验失败。

具体解决方案 #

• 修正iframe的域名前缀
  把data-src里的https://youtube.com改成https://www.youtube.com，确保和实际加载的iframe origin完全一致。修改后的代码：

  <iframe width="560" height="315" frameborder="0" iv_load_policy="3" fs="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" data-src="https://www.youtube.com/embed/VIDEO_ID?rel=0&amp;controls=0&amp;showinfo=0&amp;modestbranding=1"></iframe>
  

• 检查延迟加载脚本的postMessage配置
  如果你的模块用了自定义延迟加载逻辑（比如滚动到视频区域才加载src），要确保脚本中发送postMessage时，目标origin设置为https://www.youtube.com，而非不带www的域名。

• （可选）清理非必要参数
  部分非核心参数可能触发额外的通信逻辑，比如modestbranding，如果不需要可以尝试移除，但这不是解决问题的关键，核心还是域名匹配。

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