谷歌浏览器html5视频绿屏是gpu解码异常所致，需依次禁用硬件加速验证、清除shadercache缓存、启用gpu黑名单绕过、重置flags并更新解码组件。
谷歌浏览器中HTML5播放器播放视频时突然变成一片绿色，不是视频源损坏，而是浏览器渲染链路在GPU解码环节出了岔子——显卡驱动、硬件加速开关、着色器缓存三者中任一异常，都可能让YUV色彩空间解码失败，直接输出绿色通道值。
先禁用硬件加速快速验证
这一步能立刻绕过GPU参与的全部渲染流程，是判断问题是否出在硬件加速上的最快手段。
点击右上角三个点 → 设置 → 左侧选“系统” → 关闭“使用硬件加速模式（如果可用）” → 点击底部“重新启动”按钮。
重启后立即打开原视频页面测试。如果绿屏消失，说明问题确实由GPU加速引发；如果仍绿屏，说明根源在更底层的解码或缓存环节。
清除GPU专用缓存文件
Chrome把GPU着色器编译结果存在本地ShaderCache文件夹里，一旦驱动更新或系统升级，旧缓存就可能与新环境冲突，导致YUV→RGB转换时绿色通道溢出。
按Win + E打开文件资源管理器 → 地址栏粘贴：【%localappdata%\Google\Chrome\User Data\ShaderCache】 → 回车。
若提示“找不到该文件夹”，请先点击顶部“查看”选项卡 → 勾选“隐藏的项目”。
找到名为【GPUCache】的文件夹 → 右键 → 删除 → 确认永久删除（不要进回收站）。
关闭所有Chrome窗口，包括后台进程（任务管理器里确认chrome.exe已无残留），再重新启动浏览器。
强制启用硬解并绕过GPU黑名单
某些机械革命、联想小新等机型搭载的Intel核显或NVIDIA独显，默认被Chrome内核列入GPU黑名单，即使硬件支持HEVC/H.265硬解，也会被降级为软解——软解压力大、YUV处理不稳定，极易绿屏。
第一步：在地址栏输入chrome://flags/#ignore-gpu-blocklist → 将状态改为“Enabled”。
第二步：再输入chrome://flags/#enable-av1-decoder → 同样设为“Enabled”（Chrome 110+才需此步）。
第三步：输入chrome://gpu → 滚动到“Video Decode”项 → 确认显示为【Hardware accelerated】而非“Software only”。若仍是Software，说明HEVC扩展未装或驱动未更新。
Windows用户请立刻打开Microsoft Store → 搜索“HEVC Video Extensions from Device Manufacturer” → 安装免费版（非收费版）。
重置实验性功能并更新解码组件
chrome://flags里误启的媒体相关实验项，比如禁用了Media Source API或改了渲染管线优先级，会直接破坏HTML5 video标签的底层行为。
① 在地址栏输入chrome://flags → 点击右上角“重置所有设置”按钮 → 确认重置。
② 输入chrome://components → 找到“Widevine Content Decryption Module”和“OpenH264 Video Codec” → 分别点击“检查更新” → 等待状态变为“最新”。
③ 若某一项长期卡在“需要更新”，访问https://github.com/cisco/openh264/releases → 下载匹配你系统架构（x64或ARM64）的openh264.dll → 替换原路径下同名文件（路径见chrome://components页面对应项的“路径”链接）。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
