Refactor embed player styles and overlay behavior

Simplifies and updates embed player CSS for YouTube-style fullscreen poster and video display, moving legacy styles to embed_OLD.css. Refines overlay visibility logic in EmbedInfoOverlay for more accurate YouTube-like behavior, and ensures embed styles are imported in VideoJSPlayer. Updates HTML to enforce full-viewport sizing and overflow handling for embedded player.
This commit is contained in:
Yiannis Christodoulou
2025-10-06 13:57:54 +03:00
parent a29d94dcbd
commit e65954f391
5 changed files with 266 additions and 184 deletions
+3 -3
View File
@@ -1,13 +1,13 @@
<!doctype html>
<html lang="en">
<html lang="en" style="margin: 0; padding: 0; overflow: hidden; width: 100%; height: 100%">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>VideoJS</title>
</head>
<body style="padding: 0; margin: 0">
<div id="page-embed">
<body style="padding: 0; margin: 0; overflow: hidden; width: 100%; height: 100%">
<div id="page-embed" style="width: 100%; height: 100%; overflow: hidden">
<div id="video-js-root-embed" class="video-js-root-embed"></div>
</div>
<script type="module" src="/src/main.jsx"></script>