Problem/Motivation

When a site admin adds a remote video to the hero slider, the video plays in the background automatically, creating noise. Users are unable to mute the video, leading to a disruptive experience.

Steps to reproduce

1- Log in as admin
2- Add a remote video to the hero slider.
3- Save the changes and view the homepage where the hero slider is displayed.
4- Observe that the video plays automatically in the background.

Proposed resolution

  • Muting Videos by Default
  • Fix the start, play, and pause events for remote videos when switching sliders.

Remaining tasks

  • ✅ File an issue about this project
  • ✅ Addition/Change/Update/Fix to this project
  • ✅ Testing to ensure no regression
  • ➖ Automated unit/functional testing coverage
  • ➖ Developer Documentation support on feature change/addition
  • ➖ User Guide Documentation support on feature change/addition
  • ➖ UX/UI designer responsibilities
  • ➖ Accessibility and Readability
  • ✅ Code review from 1 Varbase core team member
  • ✅ Full testing and approval
  • ✅ Credit contributors
  • ✅ Review with the product owner
  • ✅ Update Release Notes and Update Helper on new feature change/addition
  • ✅ Release varbase-10.0.1, varbase_components-2.0.4

Varbase update type

  • ✅ No Update
  • ➖ Optional Update
  • ➖ Forced Update
  • ➖ Forced Update if Unchanged

User interface changes

  • N/A

API changes

  • N/A

Data model changes

  • N/A

Release notes snippet

  • Issue #3468733 by ammar_jeetawi, Ahmad Khader: Fixed the start, play, and pause events for remote videos when switching slider in Hero Slider causing disruptive user experience
Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

Comments

ammar_jeetawi created an issue. See original summary.

rajab natshah’s picture

What would be the benefit of Muting Videos by Default?

Only check on the start, play, and pause of the remote videos (Youtube, Vimeo). the issue is with the pause, not the mute.

rajab natshah’s picture

Issue summary: View changes
rajab natshah’s picture

Issue summary: View changes
ahmad khader’s picture

The issue is the media-oembed-iframe--remote-video--heroslider.html is not being recognized on the base theme hook.

rajab natshah’s picture

Issue summary: View changes
rajab natshah’s picture

Title: Remote Video Autoplays with Sound in Hero Slider Causing Disruptive User Experience » Fix the start, play, and pause events for remote videos when switching sliders in Hero Slider Causing Disruptive User Experience
rajab natshah’s picture

Title: Fix the start, play, and pause events for remote videos when switching sliders in Hero Slider Causing Disruptive User Experience » Fix the start, play, and pause events for remote videos when switching sliders in Hero Slider causing disruptive user experience
rajab natshah’s picture

Title: Fix the start, play, and pause events for remote videos when switching sliders in Hero Slider causing disruptive user experience » Fix the start, play, and pause events for remote videos when switching slider in Hero Slider causing disruptive user experience

rajab natshah’s picture

Issue summary: View changes
Status: Active » Needs review
Issue tags: +varbase-10.0.1, +varbase_components-2.0.4
rajab natshah’s picture

Status: Needs review » Fixed
rajab natshah’s picture

Issue summary: View changes
rajab natshah’s picture

Issue summary: View changes

✅ Released varbase-10.0.1

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.