MS Teams Task Module移动端可打开但网页及桌面端显示空白咨询

问题根因 #

微软Teams移动端对Deep Link参数和跨域校验的严格程度远低于桌面端、网页端，你遇到的空白问题本质是参数合法性校验失败、域名权限配置缺失两者共同导致的。

解决方案 #

• 第一步：对Deep Link中的嵌入视频地址做URL编码
  桌面/网页端会严格校验Query参数的格式，未编码的特殊字符会被拦截导致iframe加载失败。你使用的YouTube嵌入地址https://www.youtube.com/embed/tgbNymZ7vqY编码后为https%3A%2F%2Fwww.youtube.com%2Fembed%2FtgbNymZ7vqY，修正后的Deep Link如下：

  https://teams.microsoft.com/l/task/56a53465-74fa-4b45-8b0a-ece6c9c46ac5?url=https%3A%2F%2Fwww.youtube.com%2Fembed%2FtgbNymZ7vqY&height=medium&width=medium&title=one
  

• 第二步：在Teams应用清单中添加合法域名
  桌面/网页端会校验Task Module加载的第三方域名是否在应用配置的validDomains列表中，你需要在应用清单的对应字段中添加*.youtube.com，如果是通过Teams Developer Portal配置应用，直接在「域」配置页添加该域名即可。
• 第三步：清除客户端缓存验证配置
  配置更新后如果桌面端依然空白，删除本地缓存后重启即可生效：
  • Windows端缓存路径：%appdata%\Microsoft\Teams，删除Cache、Blob Storage、GPUCache文件夹
  • Mac端缓存路径：~/Library/Application Support/Microsoft/Teams，删除上述同名文件夹
• 第四步：企业环境适配排查
  部分企业会通过组策略限制Teams桌面端加载外部视频站点，可联系企业IT确认是否对YouTube做了访问限制，调整规则即可恢复正常。

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