Windows Terminalの背景を透明にして動画を流す方法
基本的には microsoft/terminal/issues/14059 に書いたことと同じなのですが、日本語で情報が見つからなかったので、日本語でも書いておきたいと思います。
Windows Terminal側の設定
Windows Terminal画面のタイトルバーを右クリックし
Settings
を選択します。
画面左側の
Profiles
の一覧の中から、変更したい項目、
例えば
Ubuntu-20.04
を選択します。


ブラウザ側の設定
上記の設定でターミナルの背景は透明になりますが、ある問題が生じます。それはブラウザのCPUやメモリを節約しようとする仕組みによって、Windows Terminalを全画面にしたときにブラウザの画面が描画されないという問題です。例えば、背景で動画を再生しようすると動画が真っ黒になってしまったり、Webアプリケーションのコードを変更した結果をプレビューしようとすると文字が消えてしまったりします。
上記のブラウザの挙動はごく一部の人以外には望ましい挙動であり、今後修正されることはおそらくないでしょう。したがってこの問題は自分でWebブラウザの設定を変更して解決する必要があります。以下にその手順を示します。
Google Chromeの場合
アドレスバーに
chrome://flags/#calculate-native-win-occlusion
と入力して、設定画面の
Calculate window occlusion on Windows
の項目を
Disabled
に設定します。

Reference: Videos turn black when a full screen window is “on top” of the window playing the video.
Firefoxの場合
アドレスバーに
about:config
と入力します。警告が出る場合がありますが、設定を変更したいので
Accept the Risk and Continue
を選択します。
widget.windows.window_occlusion_tracking.enabled
と打ち込みます。
false
に変更します。

Reference: Firefox stops rendering videos (the whole web-page) after 10 seconds when in background