WebView2 memory leak issue in playing video loop

Question

WebView2 memory leak issue in playing video loop

Gaojie He 1

Hi,

In our WPF project, We use WebView2 control to display a local HTML file where a local video is playing in loop. The memory consumption of "Microsoft Edge WebView2" keeps increasing until the OutOfMemory Exception is thrown.

The content of the local HTML file is like

<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }

        video {
            width: 100%;
            height: 100%;
            position: absolute;
        }
    </style>
</head>
<body scroll="no">
    <video src="myVideo.mp4" type="video/mp4" autoplay muted loop />
</body>
</html>

Video file "myVideo.mp4" is located at the same folder as the HTML file.

WPF application is pretty simple, only one WebView2 control in the MainWindow.xaml, set the source to the HTML file path (using file:///C/xxxxxxx ). The usage of WebView2 follows the guide from Microsoft.

Memory consumption of "Microsoft Edge WebView2" is stable if I remove the "loop" attribute from video tag, but OutOfMemory exception thrown if I keep "loop" attribute.

I have installed the latest WebView2 runtime. I tried to open this HTML file directly in Microsoft Edge and the memory consumption seems stable.

Has anyone the similar issue? Any advice and help will be appreciated.

Hui Liu-MSFT 48,676 Microsoft External Staff

Hi,@Gaojie He . I use the code below to test looping a 2-3 minute video 6 times with no errors and the memory presence changes from 80 to 82 at the beginning. I did not reproduce your problem.
For issues with WebView2, it is recommended that you go to GitHub to file an issue and show a minimal example that reproduces the issue.

 <video src="C:\...\Desktop\sample-mp4-file.mp4" type="video/mp4" autoplay muted loop />

xaml:

<Grid x:Name="grid">  
        <Border BorderBrush="Black" BorderThickness="2"  Width="400" Height="400" >  
            <wv2:WebView2 Name="webView" />  
        </Border>  
         
    </Grid>

xaml.cs:

public partial class MainWindow : Window  
  {  
    public MainWindow()  
    {  
      InitializeComponent();  
      webView.Source=new Uri(@"....\html\HTMLPage1.html");  
       
    }  
  }

Your answer

Hui Liu-MSFT 48,676 Reputation points Microsoft External Staff

2022-02-18T08:32:37.813+00:00

Hi,@Gaojie He . I use the code below to test looping a 2-3 minute video 6 times with no errors and the memory presence changes from 80 to 82 at the beginning. I did not reproduce your problem.
For issues with WebView2, it is recommended that you go to GitHub to file an issue and show a minimal example that reproduces the issue.

<video src="C:\...\Desktop\sample-mp4-file.mp4" type="video/mp4" autoplay muted loop />

xaml:

<Grid x:Name="grid"> <Border BorderBrush="Black" BorderThickness="2" Width="400" Height="400" > <wv2:WebView2 Name="webView" /> </Border> </Grid>

xaml.cs:

public partial class MainWindow : Window { public MainWindow() { InitializeComponent(); webView.Source=new Uri(@"....\html\HTMLPage1.html"); } }

Share via

WebView2 memory leak issue in playing video loop

Your answer