在C#应用中暂停WebBrowser组件的动画与循环视频

1. 关闭动画或循环视频的实现方法 #

基于传统IE内核的WebBrowser（WinForms/WPF） #

• 注入CSS禁用动画：页面加载完成后，通过Document.InvokeScript注入自定义CSS，强制禁用所有动画和过渡效果：

  webBrowser.Document.InvokeScript("execScript", new object[] { 
      @"var style = document.createElement('style');
        style.textContent = '* { animation: none !important; transition: none !important; }';
        document.head.appendChild(style);", 
      "JavaScript" 
  });
  

• 禁用视频自动播放与循环：通过JS遍历页面所有视频元素，强制暂停、关闭循环并锁定首帧：

  webBrowser.Document.InvokeScript("execScript", new object[] { 
      @"var videos = document.getElementsByTagName('video');
        for(var i=0; i<videos.length; i++){
            videos[i].pause();
            videos[i].loop = false;
            videos[i].autoplay = false;
            // 用首帧作为海报并隐藏视频
            videos[i].poster = videos[i].currentSrc;
            videos[i].style.display = 'none';
        }", 
      "JavaScript" 
  });
  

• 注册表级禁用动画：修改IE注册表项，全局禁用动画（适用于终端所有基于IE的WebBrowser实例）：
  路径：HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\Main
  添加字符串值Disable Animations，设为yes

基于Edge WebView2的组件（推荐替代旧WebBrowser） #

• 禁用动画：通过CoreWebView2Settings直接关闭全局动画：

  await webView2.EnsureCoreWebView2Async();
  webView2.CoreWebView2Settings.AreAnimationsEnabled = false;
  

• 控制视频播放：设置媒体自动播放策略为需用户激活，再注入JS锁定视频状态：

  webView2.CoreWebView2Settings.MediaAutoPlayPolicy = CoreWebView2MediaAutoPlayPolicy.DocumentUserActivationRequired;
  await webView2.CoreWebView2.AddScriptToExecuteOnDocumentCreatedAsync(@"
      var videos = document.getElementsByTagName('video');
      for(var i=0; i<videos.length; i++){
          videos[i].pause();
          videos[i].loop = false;
          videos[i].currentTime = 0;
      }
  ");
  

2. 启用轻量模式实现永久暂停/仅渲染视频首帧 #

旧IE内核WebBrowser的轻量配置 #

• 启用兼容模式低版本渲染：通过注册表设置FEATURE_BROWSER_EMULATION为IE9及以下版本（低版本对动画/视频支持有限，自然降低CPU消耗）：
  路径：HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\Main\FeatureControl\FEATURE_BROWSER_EMULATION
  添加你的应用程序.exe对应的DWORD值，设为9000（IE9模式）
• 禁用硬件加速：在WebBrowser初始化前，设置注册表项禁用硬件加速：
  路径：HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\Main
  添加字符串值DisableGPU，设为1

WebView2的轻量模式配置 #

• 启用节能模式：强制WebView2进入节能模式，自动限制动画和媒体活动：

  webView2.CoreWebView2.Settings.IsEnergySavingModeEnabled = true;
  

• 仅渲染视频首帧：结合JS将视频替换为静态首帧，完全避免视频解码消耗：

  await webView2.CoreWebView2.AddScriptToExecuteOnDocumentCreatedAsync(@"
      var videos = document.getElementsByTagName('video');
      for(var i=0; i<videos.length; i++){
          var img = document.createElement('img');
          img.src = videos[i].currentSrc;
          img.style.width = videos[i].style.width;
          img.style.height = videos[i].style.height;
          videos[i].parentNode.replaceChild(img, videos[i]);
      }
  ");
  

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