Skip to content

Use source's native media attribute - #78

Merged
weotch merged 7 commits into
mainfrom
use-native-source-media-attr
Aug 17, 2026
Merged

Use source's native media attribute#78
weotch merged 7 commits into
mainfrom
use-native-source-media-attr

Conversation

@weotch

@weotch weotch commented Aug 17, 2026

Copy link
Copy Markdown
Member

Related to this: https://bkwld.slack.com/archives/C07FD2HUDHC/p1786994959971829

This is better for SSR and getting videos playing faster. And removes a JS dep (and JS logic)

@codesandbox

codesandbox Bot commented Aug 17, 2026

Copy link
Copy Markdown

Review or Edit in CodeSandbox

Open the branch in Web EditorVS CodeInsiders

Open Preview

@netlify

netlify Bot commented Aug 17, 2026

Copy link
Copy Markdown

Deploy Preview for react-visual canceled.

Name Link
🔨 Latest commit 3558b79
🔍 Latest deploy log https://app.netlify.com/projects/react-visual/deploys/6a83929ff8ba9d0009e4d5b2

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Uses native <source media> handling for responsive videos, improving SSR and reducing client-side logic.

Changes:

  • Renders responsive video sources natively and reloads on media-query changes.
  • Removes @react-hook/media-query.
  • Attempts to configure Cypress to use Chrome.

Reviewed changes

Copilot reviewed 6 out of 7 changed files in this pull request and generated 4 comments.

Show a summary per file
File Description
packages/react/src/LazyVideo/LazyVideoClient.tsx Implements native responsive video sources.
packages/react/package.json Removes the media-query dependency.
yarn.lock Removes the dependency lock entry.
packages/react/cypress.config.ts Adds an invalid Chrome selection option.
packages/next/cypress.config.ts Adds an invalid Chrome selection option.
packages/contentful/cypress.config.ts Adds an invalid Chrome selection option.
packages/sanity-next/cypress.config.ts Adds an invalid Chrome selection option.

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

Comment thread packages/react/cypress.config.ts Outdated
Comment thread packages/next/cypress.config.ts Outdated
Comment thread packages/contentful/cypress.config.ts Outdated
Comment thread packages/sanity-next/cypress.config.ts Outdated
@weotch
weotch merged commit c5e67d9 into main Aug 17, 2026
8 checks passed
@weotch
weotch deleted the use-native-source-media-attr branch August 17, 2026 23:08
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.

2 participants