编译后的CHM帮助文件中YouTube链接无法正常使用求助

单独打开HTML文件时，YouTube嵌入iframe能正常播放，但用HTML Help Workshop编译成CHM文件后，iframe无法加载并报错。所用代码片段：

<div>
<iframe width="420" height="315"
src="http://www.youtube.com/embed/tgbNymZ7vqY?"frameborder="0" allow="autoplay; encrypted-media" allowfullscreen>
</iframe>
</div>

已尝试调整iframe参数、更换不同YouTube嵌入链接，均未解决问题。

核心原因 #

CHM是本地编译的帮助文档，默认有严格的安全沙盒限制，禁止加载外部HTTP/HTTPS资源，而且它依赖的旧IE内核对跨域资源加载的管控非常严格，这直接导致YouTube的外部iframe无法在CHM中运行。

可行解决方案 #

1. 改用本地视频嵌入（最稳妥） #

把YouTube视频下载后转成MP4格式，将视频文件放到CHM项目的目录中，用本地video标签替代iframe，示例代码：

<div>
  <video width="420" height="315" controls>
    <source src="./assets/your-video.mp4" type="video/mp4">
    你的浏览器不支持视频播放
  </video>
</div>

编译CHM时，记得把视频文件添加到项目的文件列表里，确保能被打包进去。

2. 尝试解除CHM锁定（仅部分场景有效） #

右键CHM文件→属性→勾选「解除锁定」（Windows系统），但这只能解决文件本身的安全拦截，大部分情况下还是绕不开IE内核的跨域限制，大概率无法加载外部iframe。

3. 更换CHM编译工具（进阶方案） #

部分第三方CHM工具支持使用Chromium内核替代IE内核，能更好兼容现代Web特性，比如加载外部iframe，但需要更换编译工具，且最终CHM文件体积会有所增加。

额外提示 #

建议把YouTube嵌入链接的HTTP协议改成HTTPS（https://www.youtube.com/embed/tgbNymZ7vqY），虽然这解决不了CHM的加载问题，但能避免HTTP协议的安全警告，同时适配更严格的浏览器规则。

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