We are currently working on developing a GTK application, in GJS, and want to display videos with a WebView layered on top of the video. We are able to open a window and display videos using GStreamer and open a sperate window and display a WebView using WebKit2 from WebkitGTK+.
The GStreamer window is a DrawingArea inside of an ApplicationWindow. The WebView is a WebView inside of an ApplicationWindow. The WebView window is set to always be on top of the video, but has a white background so we cannot see through the webview to the video below.
We would like to change the opacity of the window displaying the Webview to make the background completely transparent, while keeping the contents of what is being displayed in the WebView. We are able to set the document of the WebView background to be completely transparent. Is there a way to make an ApplicationWindow and WebView background transparent in GTK?
I've tried using the CSSProperties, but this did not seem to affect the window opacity.
