Test case: Put this html in a card, only the left of the two videos will load
<iframe src="https://www.youtube.com/embed/yzJUTLBnJJM" -wmode="transparent" -type="video/mp4" width="200px" height="200px" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen allowFullScreen -title="cat cafe" -style="position:absolute; top:0; left:0; width:100vw; height:100vh; z-index:-1000" id="backgroundlivestream"></iframe>
<iframe src="https://www.youtube.com/embed/QdEVb1rheRE" -wmode="transparent" -type="video/mp4" width="200px" height="200px" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen allowFullScreen -title="dog cafe" -style="position:absolute; top:0; left:0; width:100vw; height:100vh; z-index:-1000" id="backgroundlivestream"></iframe>
Maybe the problem is Anki not supporting that video's format? According to https://tekeye.uk/html/html5-video-test-page:
anki: ❌ mpeg ✅ webm ✅ ogg
chrome&edge: ✅ mpeg ✅ webm ⚠️ ogg (audio only)
firefox: ✅ mpeg ✅ webm ❌ ogg