HTML页面中YouTube iframe无法点击、a.href链接跳转失效问题求助

你提供的iframe嵌入代码本身符合YouTube官方规范，无语法错误，两类交互异常可按以下顺序排查：

• 检查元素遮挡
  打开浏览器开发者工具（按F12启动），使用元素拾取工具点击无法交互的iframe、a标签位置。如果拾取到的不是目标元素，说明有透明/不可见的上层元素（常见为绝对定位的div、父元素伪元素）遮挡了交互区域。
  修复方案：给遮挡元素设置更低的z-index值，或给iframe、a标签设置更高的z-index值（需注意父元素若创建了独立层叠上下文，需同步调整父元素层级）。
• 检查pointer-events属性配置
  排查是否存在以下CSS配置：父元素/目标元素的pointer-events属性被设为none，该属性会彻底屏蔽元素的所有鼠标交互。
  修复方案：给iframe、a标签添加样式pointer-events: auto;，移除父元素不必要的pointer-events: none配置。
• 检查JS事件冲突
  排查是否存在全局/父元素绑定的click事件逻辑，调用了e.preventDefault()阻止了点击默认行为，或调用e.stopPropagation()阻止了事件冒泡。可在开发者工具「源代码」面板对点击事件加断点，定位冲突逻辑。
• 检查a标签配置异常
  确认a标签是否存在href属性拼写错误、绑定了空的onclick返回false等问题，若需要新页面跳转可补充target="_blank"属性。

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