自作のchrome拡張機能が上手く動作しない

　chromeの拡張機能を作ってみたいと考え始めた初心者の質問です。まずは練習として、youtubeの再生動画上にカーソルを乗せると、alertが表示されるようなコードを書いてみて、拡張機能を読み込んでみたのですが、何も反応してくれませんでした。また、chrome上でデベロッパーツールを開き、以下のcontent.jsをコピーして実行してみたところ、こちらはきちんとalertが表示されました。
よって、jsファイルではなく、manifest.jsonの方に誤りがあると思うのですが、どのようにすれば正しく動作するか教えていただきたいです。

該当のソースコード

manifest.json

1{ 2 "manifest_version": 3, 3 "name": "YouTube Video Alert", 4 "version": "1.0", 5 "permissions": [ 6 "tabs", 7 "activeTab" 8 ], 9 "host_permissions":[ 10 "<all_urls>" 11 ], 12 "content_scripts": [ 13 { 14 "matches": ["https://www.youtube.com/*"], 15 "js": ["content.js"] 16 } 17 ] 18}

content.js

1if(document.querySelector("video")){ 2 const video = document.querySelector("video"); 3 video.addEventListener("mouseover", () => { 4 alert("test") 5 }); 6}