Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(video-player): migrate caem-video-player features #12113

Open
wants to merge 13 commits into
base: main
Choose a base branch
from

Conversation

m4olivei
Copy link
Contributor

Related Ticket(s)

ADCMS-6664

Description

Migrates features from caem-video-player and caem-video-player-container mainly intersection-mode, which works for scrolling video into view, as well as multiple card in card with video in a carousel.

Testing instructions

  • Browse to Video player > Autoplay to test standalone video player intersection mode
  • Browse to Card in Card > With carousel video to test the intersection mode within a <c4d-carousel> component

Changelog

New

  • intersection-mode attribute for <c4d-video-player> which will auto play/pause as the video scrolls into / out of the viewport

@m4olivei m4olivei requested a review from a team as a code owner November 19, 2024 19:15
@m4olivei m4olivei requested review from bruno-amorim, marcelojcs, andy-blum and Valentin-Sorin-Nicolae and removed request for a team November 19, 2024 19:15
Copy link

netlify bot commented Nov 19, 2024

Deploy Preview for ibm-dotcom-web-components ready!

Name Link
🔨 Latest commit 504b69d
🔍 Latest deploy log https://app.netlify.com/sites/ibm-dotcom-web-components/deploys/675c5e8b97c85800087f995d
😎 Deploy Preview https://deploy-preview-12113--ibm-dotcom-web-components.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 site configuration.

Copy link

netlify bot commented Nov 19, 2024

Deploy Preview for ibm-dotcom-web-components-react-wrap ready!

Name Link
🔨 Latest commit 504b69d
🔍 Latest deploy log https://app.netlify.com/sites/ibm-dotcom-web-components-react-wrap/deploys/675c5e8b8442390008b2f97a
😎 Deploy Preview https://deploy-preview-12113--ibm-dotcom-web-components-react-wrap.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 site configuration.

@andy-blum andy-blum added adopter: Innovation Team used when component or pattern will be used by this adopter priority: medium and removed adopter: Innovation Team used when component or pattern will be used by this adopter labels Dec 3, 2024
Copy link
Contributor

@bruno-amorim bruno-amorim left a comment

Choose a reason for hiding this comment

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

LGTM! Great work @m4olivei

I once used a bit of MutationObserver, nice to see IntersectionObserver in action through your code!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants