HTML video在Chrome浏览器加载时显示黑屏问题求助

• 优先排查硬件加速冲突
  Chrome的硬件加速管线和部分显卡驱动的兼容性问题是这类单浏览器黑屏的最高发诱因，直接在地址栏输入chrome://settings/system，关闭「使用硬件加速模式」选项后重启浏览器测试。如果黑屏消失，可尝试更新显卡驱动后再重新开启硬件加速，不更新驱动直接关闭硬件加速也可临时解决问题。
• 检查跨域隔离响应头配置
  Chrome 92及以上版本对SharedArrayBuffer、高级WebGL特性、无限制媒体流的使用做了强制安全限制，要求页面必须返回以下两个响应头，缺失会直接导致依赖相关能力的页面渲染黑屏，其余浏览器目前暂未强制执行该规则：

  Cross-Origin-Embedder-Policy: require-corp
  Cross-Origin-Opener-Policy: same-origin
  

• 校验WebGL/Canvas、CSS的Chrome兼容问题
  • 超大数值的transform: translate3d偏移、高参数的backdrop-filter模糊效果在Chrome中会触发渲染层崩溃
  • 如果页面使用WebGL渲染，打开Chrome开发者工具的控制台标签，排查是否有WebGL: CONTEXT_LOST_WEBGL类报错，确认是否用到了Chrome不支持的WebGL扩展、着色器存在兼容语法问题
• 排查第三方扩展干扰
  直接打开Chrome无痕模式访问页面（无痕模式默认禁用所有第三方扩展），如果黑屏消失，逐个禁用广告拦截、脚本注入类扩展定位冲突项即可。

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