I have made an html document with an embedded video, it works in the IDE's browser, but not in "actual" browsers. The embedding also works in viewsync.net, the video is played inside said website.
- I used "Code Editor" for Android.
- I tested with Vivaldi & Opera (Android), Vivaldi & Firefox & Edge (Windows): the video player always says "Video unavailable".
- I use embedded CSS (I doubt this is the problem, but I don't really know).
- Changing the URL from HTTPS to HTTP doesn't affect the result.
What's the issue, am I missing a requirement for it to work?
How can I make it work?
iframe {
width: 200pt;
aspect-ratio: 1/1;
}
<iframe src="https://www.youtube-nocookie.com/embed/Gjdj2FoDyJo"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media;
gyroscope; picture-in-picture; web-share"
allowfullscreen>
</iframe>