Skip to content

docs(site): update stale popup docs - #1818

Merged
sampotts merged 1 commit into
mainfrom
docs/1544-stale-docs
Jul 15, 2026
Merged

docs(site): update stale popup docs#1818
sampotts merged 1 commit into
mainfrom
docs/1544-stale-docs

Conversation

@sampotts

@sampotts sampotts commented Jul 10, 2026

Copy link
Copy Markdown
Collaborator

Closes #1544

Summary

Update the hand-authored reference docs for popup positioning and player context so they match the current API surface.

Changes

  • Document the popover and tooltip boundary offset CSS custom properties in styling examples.
  • Refresh the usePlayerContext description and example so it no longer omits newer context fields.

Testing

  • pnpm --dir site build
  • git diff --check

Note

Low Risk
Documentation-only edits with no runtime or API behavior changes.

Overview
Brings hand-authored reference pages in line with the current popup positioning and React player context APIs.

Popover and Tooltip styling examples now include --media-popover-boundary-offset and --media-tooltip-boundary-offset alongside the existing side/align offset variables.

The usePlayerContext page drops outdated wording about setMedia, reframes the hook for lower-level integrations, and updates the sample to surface container and popupGroup instead of setMedia.

Reviewed by Cursor Bugbot for commit c32cb46. Bugbot is set up for automated code reviews on this repo. Configure here.

@netlify

netlify Bot commented Jul 10, 2026

Copy link
Copy Markdown

Deploy Preview for vjs10-site ready!

Name Link
🔨 Latest commit c32cb46
🔍 Latest deploy log https://app.netlify.com/projects/vjs10-site/deploys/6a508b105cc8600008097aaf
😎 Deploy Preview https://deploy-preview-1818--vjs10-site.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

@vercel

vercel Bot commented Jul 10, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
v10-sandbox Ready Ready Preview, Comment Jul 10, 2026 6:03am

Request Review

@github-actions

Copy link
Copy Markdown
Contributor

📦 Bundle Size Report

🎨 @videojs/html — no changes
Presets (7)
Entry Initial Lazy
/video (default) 50.81 kB 55.44 kB
/video (default + hls) 190.17 kB 55.44 kB
/video (minimal) 50.87 kB 55.44 kB
/video (minimal + hls) 190.13 kB 55.44 kB
/audio (default) 44.13 kB 55.44 kB
/audio (minimal) 41.37 kB 55.44 kB
/background 4.20 kB
Media (10)
Entry Initial
/media/background-video 1.14 kB
/media/container 1.71 kB
/media/dash-video 214.79 kB
/media/hlsjs-video 141.43 kB
/media/mux-audio 164.00 kB
/media/mux-video 163.96 kB
/media/native-hls-video 9.09 kB
/media/simple-hls-audio-only 17.19 kB
/media/simple-hls-video 18.69 kB
/media/vimeo-video 12.31 kB
Players (5)
Entry Initial
/video/player 8.22 kB
/audio/player 5.38 kB
/background/player 3.92 kB
/live-video/player 7.63 kB
/live-audio/player 5.39 kB
Skins (30)
Entry Type Initial Lazy
/video/minimal-skin.css css 5.70 kB
/video/skin.css css 5.65 kB
/video/minimal-skin js 50.84 kB 55.44 kB
/video/minimal-skin.tailwind js 51.56 kB 55.44 kB
/video/skin js 50.79 kB 55.44 kB
/video/skin.tailwind js 51.64 kB 55.44 kB
/audio/minimal-skin.css css 3.97 kB
/audio/skin.css css 3.86 kB
/audio/minimal-skin js 41.39 kB 55.44 kB
/audio/minimal-skin.tailwind js 41.88 kB 55.44 kB
/audio/skin js 44.15 kB 55.44 kB
/audio/skin.tailwind js 44.68 kB 55.44 kB
/background/skin.css css 133 B
/background/skin js 1.14 kB
/live-video/minimal-skin.css css 5.70 kB
/live-video/skin.css css 5.65 kB
/live-video/minimal-skin js 47.77 kB 55.44 kB
/live-video/minimal-skin.tailwind js 48.29 kB 55.44 kB
/live-video/skin js 49.37 kB 55.44 kB
/live-video/skin.tailwind js 49.98 kB 55.44 kB
/live-audio/minimal-skin.css css 3.97 kB
/live-audio/skin.css css 3.86 kB
/live-audio/minimal-skin js 33.88 kB 55.44 kB
/live-audio/minimal-skin.tailwind js 33.30 kB 55.44 kB
/live-audio/skin js 36.79 kB 55.44 kB
/live-audio/skin.tailwind js 36.30 kB 55.44 kB
/global.css css 183 B
/shared.css css 153 B
/tailwind.css css 161 B
/skin-element js 1.51 kB
UI Components (39)
Entry Initial
/ui/airplay-button 2.55 kB
/ui/alert-dialog 2.88 kB
/ui/alert-dialog-close 2.28 kB
/ui/alert-dialog-description 2.25 kB
/ui/alert-dialog-title 2.32 kB
/ui/audio-track-radio-group 2.99 kB
/ui/buffering-indicator 2.64 kB
/ui/captions-button 2.58 kB
/ui/captions-radio-group 3.02 kB
/ui/cast-button 2.55 kB
/ui/compounds 3.15 kB
/ui/controls 2.91 kB
/ui/error-dialog 2.92 kB
/ui/fullscreen-button 2.58 kB
/ui/hotkey 2.46 kB
/ui/menu 2.94 kB
/ui/mute-button 2.54 kB
/ui/pip-button 2.53 kB
/ui/play-button 2.54 kB
/ui/playback-rate-button 2.63 kB
/ui/playback-rate-radio-group 2.79 kB
/ui/popover 3.10 kB
/ui/poster 2.47 kB
/ui/quality-radio-group 2.90 kB
/ui/seek-button 2.55 kB
/ui/seek-indicator 2.72 kB
/ui/seek-indicator-value 446 B
/ui/slider 2.94 kB
/ui/status-announcer 2.50 kB
/ui/status-indicator 2.55 kB
/ui/status-indicator-value 339 B
/ui/thumbnail 2.57 kB
/ui/time 2.92 kB
/ui/time-slider 2.96 kB
/ui/tooltip 2.83 kB
/ui/volume-indicator 2.59 kB
/ui/volume-indicator-fill 414 B
/ui/volume-indicator-value 411 B
/ui/volume-slider 2.93 kB

Sizes are marginal over the root entry point.

⚛️ @videojs/react — no changes
Presets (7)
Entry Initial Lazy
/video (default) 40.48 kB 55.44 kB
/video (default + hls) 178.52 kB 55.44 kB
/video (minimal) 40.86 kB 55.44 kB
/video (minimal + hls) 179.02 kB 55.44 kB
/audio (default) 33.65 kB 55.44 kB
/audio (minimal) 33.71 kB 55.44 kB
/background 579 B
Media (9)
Entry Initial
/media/background-video 403 B
/media/dash-video 212.98 kB
/media/hlsjs-video 139.77 kB
/media/mux-audio 162.47 kB
/media/mux-video 162.41 kB
/media/native-hls-video 7.28 kB
/media/simple-hls-audio-only 15.39 kB
/media/simple-hls-video 16.96 kB
/media/vimeo-video 10.44 kB
Skins (27)
Entry Type Initial Lazy
/tailwind.css css 161 B
/video/minimal-skin.css css 5.55 kB
/video/skin.css css 5.52 kB
/video/minimal-skin js 40.77 kB 55.44 kB
/video/minimal-skin.tailwind js 46.78 kB 55.44 kB
/video/skin js 40.37 kB 55.44 kB
/video/skin.tailwind js 46.50 kB 55.44 kB
/audio/minimal-skin.css css 3.79 kB
/audio/skin.css css 3.68 kB
/audio/minimal-skin js 33.69 kB 55.44 kB
/audio/minimal-skin.tailwind js 35.82 kB 55.44 kB
/audio/skin js 33.59 kB 55.44 kB
/audio/skin.tailwind js 37.82 kB 55.44 kB
/background/skin.css css 90 B
/background/skin js 272 B
/live-video/minimal-skin.css css 5.55 kB
/live-video/skin.css css 5.52 kB
/live-video/minimal-skin js 35.32 kB 55.44 kB
/live-video/minimal-skin.tailwind js 41.24 kB 55.44 kB
/live-video/skin js 35.31 kB 55.44 kB
/live-video/skin.tailwind js 41.27 kB 55.44 kB
/live-audio/minimal-skin.css css 3.79 kB
/live-audio/skin.css css 3.68 kB
/live-audio/minimal-skin js 24.28 kB 55.44 kB
/live-audio/minimal-skin.tailwind js 27.39 kB 55.44 kB
/live-audio/skin js 24.33 kB 55.44 kB
/live-audio/skin.tailwind js 27.50 kB 55.44 kB
UI Components (33)
Entry Initial
/ui/airplay-button 2.44 kB
/ui/alert-dialog 2.58 kB
/ui/audio-track 2.29 kB
/ui/buffering-indicator 2.49 kB
/ui/captions-button 2.47 kB
/ui/captions-radio-group 2.27 kB
/ui/cast-button 2.42 kB
/ui/controls 2.46 kB
/ui/error-dialog 2.50 kB
/ui/fullscreen-button 2.39 kB
/ui/gesture 2.35 kB
/ui/hotkey 2.37 kB
/ui/live-button 2.36 kB
/ui/menu 2.58 kB
/ui/mute-button 2.37 kB
/ui/pip-button 2.43 kB
/ui/play-button 2.44 kB
/ui/playback-rate 2.48 kB
/ui/playback-rate-button 2.44 kB
/ui/popover 3.06 kB
/ui/poster 2.42 kB
/ui/quality 2.22 kB
/ui/seek-button 2.42 kB
/ui/seek-indicator 2.54 kB
/ui/slider 2.66 kB
/ui/status-announcer 2.34 kB
/ui/status-indicator 2.39 kB
/ui/thumbnail 2.49 kB
/ui/time 2.25 kB
/ui/time-slider 2.54 kB
/ui/tooltip 3.01 kB
/ui/volume-indicator 2.37 kB
/ui/volume-slider 2.47 kB

Sizes are marginal over the root entry point.

🧩 @videojs/core — no changes
Entries (68)
Entry Initial Lazy
. 10.42 kB
/dom 17.56 kB
/dom/media/custom-media-element 2.09 kB
/dom/media/dash 208.97 kB
/dom/media/google-cast 4.03 kB
/dom/media/hls-js 135.88 kB
/dom/media/media-host 1.25 kB
/dom/media/media-played-ranges 576 B
/dom/media/mux 151.37 kB
/dom/media/native-hls 3.09 kB
/dom/media/simple-hls 16.48 kB
/dom/media/simple-hls-audio-only 14.93 kB
/dom/media/vimeo 9.87 kB
/media/predicate 563 B
/i18n 2.68 kB 55.44 kB
/i18n/locales/all 30.57 kB
/i18n/locales/ar 1.24 kB
/i18n/locales/az 1.11 kB
/i18n/locales/bg 1.28 kB
/i18n/locales/bn 1.29 kB
/i18n/locales/bs 1.02 kB
/i18n/locales/ca 1.07 kB
/i18n/locales/cs 1.05 kB
/i18n/locales/cy 1.03 kB
/i18n/locales/da 1023 B
/i18n/locales/de 1.11 kB
/i18n/locales/el 1.49 kB
/i18n/locales/en 648 B
/i18n/locales/es 1.01 kB
/i18n/locales/et 1.06 kB
/i18n/locales/eu 1.03 kB
/i18n/locales/fa 1.22 kB
/i18n/locales/fi 1.05 kB
/i18n/locales/fr 1.09 kB
/i18n/locales/gd 1.12 kB
/i18n/locales/gl 1.02 kB
/i18n/locales/he 1.15 kB
/i18n/locales/hi 1.32 kB
/i18n/locales/hr 1.05 kB
/i18n/locales/hu 1.11 kB
/i18n/locales/it 1.02 kB
/i18n/locales/ja 1.20 kB
/i18n/locales/ko 1.15 kB
/i18n/locales/lv 1.10 kB
/i18n/locales/mr 1.31 kB
/i18n/locales/nb 1016 B
/i18n/locales/ne 1.31 kB
/i18n/locales/nl 1.01 kB
/i18n/locales/nn 1019 B
/i18n/locales/oc 1.07 kB
/i18n/locales/pl 1.14 kB
/i18n/locales/pt 1.03 kB
/i18n/locales/pt-BR 1.03 kB
/i18n/locales/pt-PT 1.00 kB
/i18n/locales/ro 1.07 kB
/i18n/locales/ru 1.35 kB
/i18n/locales/sk 1.13 kB
/i18n/locales/sl 1.04 kB
/i18n/locales/sr 1.06 kB
/i18n/locales/sv 1.02 kB
/i18n/locales/te 1.33 kB
/i18n/locales/th 1.32 kB
/i18n/locales/tr 1.10 kB
/i18n/locales/uk 1.38 kB
/i18n/locales/vi 1.10 kB
/i18n/locales/zh 1.03 kB
/i18n/locales/zh-CN 1.03 kB
/i18n/locales/zh-TW 1.04 kB
🏷️ @videojs/element — no changes
Entries (2)
Entry Initial
. 996 B
/context 943 B
📦 @videojs/store — no changes
Entries (3)
Entry Initial
. 1.39 kB
/html 696 B
/react 360 B
🔧 @videojs/utils — no changes
Entries (11)
Entry Initial
/array 104 B
/dom 2.74 kB
/events 319 B
/function 327 B
/object 275 B
/predicate 265 B
/percent 281 B
/string 231 B
/style 190 B
/time 629 B
/number 158 B
📦 @videojs/spf — no changes
Entries (4)
Entry Initial
. 4.45 kB
/dom 6.32 kB
/hls 15.40 kB
/background-video 12.85 kB

ℹ️ How to interpret

JS sizes are initial static graph totals (minified + brotli). Lazy dynamic chunks are shown separately when present.

Icon Meaning
No change
🔺 Increased ≤ 10%
🔴 Increased > 10%
🔽 Decreased
🆕 New (no baseline)

Run pnpm size locally to check current initial sizes.

@sampotts
sampotts merged commit 0a8933c into main Jul 15, 2026
26 checks passed
@sampotts
sampotts deleted the docs/1544-stale-docs branch July 15, 2026 19:48
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Docs: Stale Docs from #1527

2 participants