Skip to content

Bump mediaelement from 4.2.15 to 7.0.7#1298

Open
dependabot[bot] wants to merge 4 commits intodevfrom
dependabot/npm_and_yarn/dev/mediaelement-7.0.7
Open

Bump mediaelement from 4.2.15 to 7.0.7#1298
dependabot[bot] wants to merge 4 commits intodevfrom
dependabot/npm_and_yarn/dev/mediaelement-7.0.7

Conversation

@dependabot
Copy link
Contributor

@dependabot dependabot bot commented on behalf of github Feb 3, 2025

Bumps mediaelement from 4.2.15 to 7.0.7.

Release notes

Sourced from mediaelement's releases.

7.0.7

  • Remove a symlink that got accidentally pushed into git repository

7.0.6

7.0.5

Fixed wrong focus on load when using default subtitles @​dpxgit in mediaelement/mediaelement#2958

7.0.4

7.0.3

7.0.2

  • Fixed an error that occurred with the iFrame players
  • Fixed a problem with the scaling of iFrames within their containers

7.0.1

Fix state of caption toggle not visible

7.0.0

Removal of flash support

  • Flash support removed, see Migration Guide for more information about breaking changes. Thanks to @​jaapmarcus for initial PR.
  • Make test npm-script available to work on all plattforms.
  • HLS and MPEG-Dash renderer should now have working captions. (#2928)
  • Fix firefox bug on mouseout. (#2840) Thanks to @​JoshStegmaier.

6.0.3

Replaced outline-style: auto with outline-style: solid to enable Firefox to show the correct outline-color if defined.

6.0.2

Added outline-style to enable Firefox to show the correct outline-color if defined.

6.0.1

  • Fixed an error that prevented some mobile devices from reliably selecting chapters and subtitles

6.0.0

Support for native VTT-Subtitles

  • Fix missing video tracks after player is removed
  • Added browser-native subtitle support and removed custom VTT/DFXP parsing
  • Removed support for "slides" tracks which were non-functional
  • Removed options: "tracksAriaLive", "captionTextPreprocessor", "slidesSelector"
  • Renamed "startLanguage" option to "autoplayCaptionLanguage" for clarity
  • New option "chaptersLanguage" to set the language of the displayed chapters track.

... (truncated)

Changelog

Sourced from mediaelement's changelog.

Version History

7.0.7 (2024/12/17)

  • Remove a symlink that got accidentally pushed into git repository

7.0.6 (2024/12/17)

  • Added keyboard controls for play and pause to container element (#2978)
  • Added screen reader text for current time and total duration (#2979)

7.0.5 (2024/04/26)

  • Fixed wrong focus on load when using default subtitles (#2958)

7.0.4 (2024/04/25)

7.0.3 (2024/01/29)

  • HLS and MPEG-Dash renderer should now have working captions, when loaded initially.
  • Updated demo/index.html for easier debugging.

7.0.2 (2023/11/14)

  • Fixed an error that occurred with the iFrame players
  • Fixed a problem with the scaling of iFrames within their containers

7.0.1 (2023/10/31)

  • Fix state of caption toggle not visible

7.0.0 (2023/03/28)

Removal of flash support

  • Flash support removed, see Migration Guide for more information about Breaking Changes. Thanks to @​jaapmarcus for initial PR.
  • Make test npm-script available to work on all plattforms.
  • HLS and MPEG-Dash renderer should now have working captions. (#2928)
  • Fix firefox bug on mouseout. (#2840) Thanks to @​JoshStegmaier.

6.0.3 (2023/03/28)

  • outline-style: auto has been replaced by outline-style: solid in the CSS focus: pseudo-class in the class mejs__container. This change will enable Firefox to show the correct outline-color on focus if defined. (#2924)

6.0.2 (2023/03/06)

  • outline-style: auto has been added to the CSS focus: pseudo-class to the class mejs__container which will enable Firefox to show the correct outline-color on focus if defined. Otherwise, it will keep the default color of the browsers. (#2922)

6.0.1 (2023/02/07)

  • Fixed an error that prevented some mobile devices from reliably selecting chapters and subtitles

6.0.0 (2023/01/30)

  • Fix missing video tracks after player is removed
  • Added browser-native subtitle support and removed custom VTT/DFXP parsing
  • Removed support for "slides" tracks which were non-functional
  • Removed options: "tracksAriaLive", "captionTextPreprocessor", "slidesSelector"
  • Renamed "startLanguage" option to "autoplayCaptionLanguage" for clarity

... (truncated)

Commits
  • 1db4583 release 7.0.7
  • f050117 Remove a symlink that got accidentally pushed into git repository
  • 706ffc0 release 7.0.6
  • 6885ab0 Add screen reader text for total duration when current and duration are conse...
  • 430b7ca Add screen reader text for current time and total duration
  • 751c699 Add keyboard controls for play and pause to container element
  • 0026d05 release 7.0.5
  • c904ba8 release 7.0.5
  • 22c4eae removed setByKeyboard from setTrack function call
  • 73e50ce removed setByKeyboard on tracks since it sets a wrong focus
  • Additional commits viewable in compare view
Maintainer changes

This version was pushed to npm by dpxgit, a new releaser for mediaelement since your current version.


Dependabot compatibility score

You can trigger a rebase of this PR by commenting @dependabot rebase.


Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

  • @dependabot rebase will rebase this PR
  • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
  • @dependabot merge will merge this PR after your CI passes on it
  • @dependabot squash and merge will squash and merge this PR after your CI passes on it
  • @dependabot cancel merge will cancel a previously requested merge and block automerging
  • @dependabot reopen will reopen this PR if it is closed
  • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
  • @dependabot show <dependency name> ignore conditions will show all of the ignore conditions of the specified dependency
  • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
  • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
  • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

Note
Automatic rebases have been disabled on this pull request as it has been open for over 30 days.

TODO:

  • Fix webpack issues
  • Review changelogs and make sure option names are up to date
  • Test cjs and esm builds
  • Fix missing caption controls (example manifest: https://digital.library.villanova.edu/Item/vudl:829943/Manifest -- captions work in 5.x but stop working after upgrading to 6.x or higher -- appears to be related to browser "same origin" policy)
  • Fix fullscreen resizing issues, if necessary (I encountered some issues where MediaElement did not resize correctly when full-screening the UV... but now I cannot reproduce them; we should see if there is a way to make this happen again).

@dependabot dependabot bot added dependencies Pull requests that update a dependency file javascript Pull requests that update Javascript code labels Feb 3, 2025
@vercel
Copy link

vercel bot commented Feb 3, 2025

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

Project Deployment Actions Updated (UTC)
universalviewer Ready Ready Preview, Comment Mar 6, 2026 1:24pm
universalviewer.dev Ready Ready Preview, Comment Mar 6, 2026 1:24pm

Request Review

Copy link
Contributor

@demiankatz demiankatz left a comment

Choose a reason for hiding this comment

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

Interestingly, this update seems to cause similar breakages to #1293 even though a different component is being upgraded: play buttons no longer render correctly in MediaElement. Perhaps solving one problem will help with the other. I also see from the changelog that there are some significant changes like renamed configuration options which should be carefully reviewed to make sure our internal logic remains compatible with the upstream code.

@demiankatz
Copy link
Contributor

@dependabot rebase

Bumps [mediaelement](https://github.com/mediaelement/mediaelement) from 4.2.15 to 7.0.7.
- [Release notes](https://github.com/mediaelement/mediaelement/releases)
- [Changelog](https://github.com/mediaelement/mediaelement/blob/master/changelog.md)
- [Commits](mediaelement/mediaelement@4.2.15...7.0.7)

---
updated-dependencies:
- dependency-name: mediaelement
  dependency-type: direct:production
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>
@demiankatz
Copy link
Contributor

The problem here appears to be that MediaElement is trying to download http://localhost:8080/mejs-controls.svg but the file does not exist. I've tried upgrading css-loader from #1293, but it makes no difference. It appears that the newer MediaElement has switched from using SVG embedded in CSS to inline <svg> tags. I haven't had time to investigate whether this is reconfigurable. However, I suspect that if we can crack the problems here, it will solve the issues found in #1293 as well, and then we can merge that PR as well.

@demiankatz demiankatz self-assigned this Mar 4, 2026
@demiankatz
Copy link
Contributor

I've done some more digging: the issue is that there is now an iconSprite config setting that needs to be configured to point at the SVG spritesheet used by the player. I'm just not sure what value to put here (and/or what corresponding Webpack configuration to use) in order to make this work as expected.

Investigating this also brought my attention to the fact that our current Webpack configuration uses deprecated methods for retrieving assets; we may want to modernize on Asset Modules at some point. I'm not sure at a glance whether or not that would also make this current problem easier to solve.

@demiankatz
Copy link
Contributor

I also tried converting the SVG into a data URI using https://www.svgviewer.dev and embedding it directly into the code -- this would be an inefficient solution, but I was curious if it would at least get things working. It did not work for me.

@LanieOkorodudu
Copy link
Collaborator

LanieOkorodudu commented Mar 5, 2026

Require more time to investigate the issue.

@demiankatz
Copy link
Contributor

I also had the idea to try using a CDN, since the SVG we need is available at https://cdnjs.cloudflare.com/ajax/libs/mediaelement/7.0.7/mejs-controls.svg -- but of course the same-origin policy prevents that idea from working.

@demiankatz
Copy link
Contributor

Finally getting somewhere -- see the Webpack config changes in c528770.

@dependabot @github
Copy link
Contributor Author

dependabot bot commented on behalf of github Mar 9, 2026

A newer version of mediaelement exists, but since this PR has been edited by someone other than Dependabot I haven't updated it. You'll get a PR for the updated version as normal once this PR is merged.

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

Labels

dependencies Pull requests that update a dependency file javascript Pull requests that update Javascript code steering group review

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants