Skip to content

docs: add Cloudinary vs YouTube embed comparison page - #1101

Open
tsi wants to merge 2 commits into
masterfrom
docs/vs-youtube-demo
Open

tsi wants to merge 2 commits into
masterfrom
docs/vs-youtube-demo

Conversation

@tsi

@tsi tsi commented Oct 21, 2026

Copy link
Copy Markdown
Collaborator

What

A new demo page, docs/vs-youtube.html, linked from the examples index.

  • Loads the Cloudinary Video Player and the YouTube IFrame embed on one click, from the same start time, and measures in the browser: player ready, first frame played, player asset requests and bytes, main-thread blocking (Long Tasks API, Chromium only) and a count of labelled controls.
  • States what cannot be measured from the page: the YouTube frame is cross-origin, so its player app, DOM and controls are not visible.
  • A capability table across performance, accessibility, best practices and features, with links to the related demo pages.
  • "Which one fits" cards for both players.

Both players use Big Buck Bunny: the 720p trailer from the prod cloud, and Blender's own upload on YouTube (override with ?yt=<videoId>).

Why

A shareable, honest side-by-side for conversations about self-hosted vs YouTube embeds. The deploy preview makes it linkable.

Test

Open vs-youtube.html in the deploy preview, click Load both players, wait for every row to settle, then Run again. Verified locally in Chrome 152 with ?ver=latest&min=true.

🤖 Generated with Claude Code

Side-by-side demo that loads both players on click and measures
ready time, first frame, player assets, main-thread blocking and
control labels, followed by a capability comparison table.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
@tsi
tsi requested a review from a team as a code owner October 21, 2026 12:26
@netlify

netlify Bot commented Oct 21, 2026 •

Copy link
Copy Markdown

✅ Deploy Preview for cld-video-player ready!

Name Link
🔨 Latest commit 1393788
🔍 Latest deploy log https://app.netlify.com/projects/cld-video-player/deploys/6ad8b3827c5c7eb7f986e980
😎 Deploy Preview https://deploy-preview-1101--cld-video-player.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

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

@netlify

netlify Bot commented Oct 21, 2026 •

Copy link
Copy Markdown

✅ Deploy Preview for cld-vp-esm-pages ready!

Name Link
🔨 Latest commit 1393788
🔍 Latest deploy log https://app.netlify.com/projects/cld-vp-esm-pages/deploys/6ad8b3825138f2b56fb73032
😎 Deploy Preview https://deploy-preview-1101--cld-vp-esm-pages.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

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

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

This branch has not been deployed

No deployments
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.

1 participant