File: C:/Users/fred/AppData/Local/Microsoft/OneDrive/26.168.0830.0006/WebAssets/theater.html
<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Videos</title><script src="//photosapi.od4/api/od4context.js"></script><script src="/static/platform/strings.js"></script><script src="/static/shared/numeric-utilities.js"></script><script src="/static/shared/file-dimensions.js"></script><script src="/static/platform/od4-telemetry.js"></script><script src="/static/platform/od4-telemetry-photos.js"></script><script src="/static/platform/od4-spo-fallback.js"></script><script src="/static/platform/od4-fetch.js"></script><script src="/static/platform/drop-bridge.js"></script><script src="/static/platform/ecs.js"></script><script src="/static/view-lib/sql.js"></script><script src="/static/platform/ids.js"></script><script src="/static/shared/date-format.js"></script><script src="/static/view-lib/theme-sync.js"></script><script src="/static/view-lib/user-activity.js"></script><script>ViewLib.ThemeSync.applyInitialTheme()</script><link rel="stylesheet" href="/static/tokens/theme.css"><link rel="stylesheet" href="/static/tokens/theme-forced-colors.css"><link rel="stylesheet" href="/static/tokens/typography.css"><link rel="stylesheet" href="/static/tokens/theme-overrides.css"><link rel="stylesheet" href="/static/tokens/layout.css"><link rel="stylesheet" href="/static/tokens/fluent-icon.css"><link rel="stylesheet" href="/static/tokens/persona-theme.css"><link rel="stylesheet" href="/static/tokens/motion.css"><link rel="stylesheet" href="/static/tokens/scrollbar.css"><link rel="stylesheet" href="/static/views/theater.css"></head><body class="od4-left-nav-mode"><div id="app"><div class="loading-state" id="loadingState"><div class="loading-spinner"></div><div>Loading videos...</div></div></div><div class="player-overlay" id="playerOverlay"><div class="player-top-bar"><div><span class="player-top-title" id="playerTitle"></span> <span class="player-top-date" id="playerDate"></span></div><button class="player-close-btn" id="playerCloseBtn" aria-label="Close">×</button></div><div class="player-video-container" id="playerContainer"><button class="player-nav-btn prev" id="playerPrev" aria-label="Previous">◀</button><video id="playerVideo" preload="metadata"></video><button class="player-nav-btn next" id="playerNext" aria-label="Next">▶</button></div><div class="player-controls" id="playerControls"><div class="player-seek-bar" id="playerSeekBar"><div class="player-seek-fill" id="playerSeekFill"></div></div><div class="player-buttons" role="toolbar" aria-label="Video controls"><button class="player-btn" id="playerPlayBtn" aria-label="Play">▶</button> <span class="player-time" id="playerTime">0:00 / 0:00</span> <span class="player-spacer"></span><div class="player-volume-wrap"><button class="player-btn" id="playerMuteBtn" aria-label="Mute">🔊</button> <input type="range" class="player-volume-slider" id="playerVolume" min="0" max="1" step="0.05" value="1"></div><button class="player-btn" id="playerFullscreenBtn" aria-label="Fullscreen">⛶</button></div></div></div><script src="/static/view-lib/thumbnail.js"></script><script src="/static/view-lib/thumbnail-resolve.js"></script><script src="/static/platform/icon.js"></script><script src="/static/views/theater.js"></script></body></html>