tag:github.com,2008:https://github.com/mediaelement/mediaelement-plugins/releasesRelease notes from mediaelement-plugins2026-01-30T11:11:14Ztag:github.com,2008:Repository/79658102/5.1.02026-01-30T11:13:39Z5.1.0<ul>
<li><code>mediaelement</code> is now a <code>peerDependency</code> of this project. This will prevent multiple installations of <code>mediaelement</code> in your project.</li>
</ul>
<h3>A11Y PLUGIN</h3>
<ul>
<li>Demo page was updated with working media assets. Fixes <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="2343740030" data-permission-text="Title is private" data-url="https://github.com/mediaelement/mediaelement-plugins/issues/261" data-hovercard-type="issue" data-hovercard-url="/mediaelement/mediaelement-plugins/issues/261/hovercard" href="https://github.com/mediaelement/mediaelement-plugins/issues/261">#261</a></li>
<li>Plugin is now cleaned up properly when the player is destroyed.</li>
</ul>digitas-gittag:github.com,2008:Repository/79658102/5.0.02024-09-12T09:57:28Z5.0.0<h3>JUMP FORWARD PLUGIN</h3>
<h4>New Feature: Inline SVG icon for jump forward button</h4>
<ul>
<li>Setting <code>iconSpritePathJumpForward</code>: This option enables you to define the path to your SVG icon sprite. When specified, it allows for dynamic generation of inline SVG icons, which will be displayed on the jump forward button. Further information can be found <a href="/mediaelement/mediaelement-plugins/blob/5.0.0/docs/jump-forward.md">here</a>.</li>
<li>Important CSS Adjustment: If you're planning to use <code>iconSpritePathJumpForward</code> and your current setup includes background icons defined in CSS, you'll need to make a small but crucial update to your CSS file. Please remove any CSS rules that apply background icons to these buttons. This step is necessary to prevent the display of both SVG and background icons simultaneously.</li>
</ul>
<h3>SKIP BACK PLUGIN</h3>
<h4>New Feature: Inline SVG icon for skip back button</h4>
<ul>
<li>Setting <code>iconSpritePathSkipBack</code>: This option enables you to define the path to your SVG icon sprite. When specified, it allows for dynamic generation of inline SVG icons, which will be displayed on the skip back button. Further information can be found <a href="/mediaelement/mediaelement-plugins/blob/5.0.0/docs/skip-back.md">here</a>.</li>
<li>Important CSS Adjustment: If you're planning to use <code>iconSpritePathSkipBack</code> and your current setup includes background icons defined in CSS, you'll need to make a small but crucial update to your CSS file. Please remove any CSS rules that apply background icons to these buttons. This step is necessary to prevent the display of both SVG and background icons simultaneously.</li>
</ul>digitas-gittag:github.com,2008:Repository/79658102/4.0.12024-09-09T11:11:36Z4.0.1<h3>SPEED PLUGIN</h3>
<ul>
<li>Fix always controlling the first player on the page via keyboard when multiple players exist.</li>
</ul>digitas-gittag:github.com,2008:Repository/79658102/4.0.02024-09-09T11:08:44Z4.0.0<p>This release marks a major version update to address and correct previous versioning inaccuracies. The transition from version 3.0.0 to 3.0.1 introduced changes that, upon further review, have been identified as breaking. These changes warranted a more significant version increment to reflect their impact accurately.</p>
<h3>Updated Option Names:</h3>
<ul>
<li>Quality Plugin: Replace <code>iconPath</code> to <code>iconPathQuality</code></li>
<li>A11y Plugin: Replace <code>iconSpritePath</code> to <code>iconSpritePathA11y</code></li>
</ul>digitas-gittag:github.com,2008:Repository/79658102/3.0.12024-03-11T14:49:33Z3.0.1<h3>QUALITY PLUGIN</h3>
<ul>
<li>Icon Visibility Fix: The quality icon will now remain visible and functional across all quality adjustments.</li>
<li>Improved Option Naming: The option <code>iconPath</code> has been renamed to <code>iconPathQuality</code> to enhance clarity and consistency.</li>
</ul>
<h3>A11Y PLUGIN</h3>
<ul>
<li>Improved Option Naming: The option <code>iconSpritePath</code> has been renamed to <code>iconSpritePathA11y</code> to enhance clarity and consistency.</li>
</ul>digitas-gittag:github.com,2008:Repository/79658102/3.0.02024-03-07T15:49:20Z3.0.0<h3>QUALITY PLUGIN</h3>
<h4>New Feature: Inline SVG icons for quality button</h4>
<ul>
<li>Using <code>iconPath</code>: By setting the <code>iconPath</code> option, you can specify the path to your SVG icon. Once set, an inline SVG icon will be dynamically generated and displayed on the quality button. Further information can be found <a href="/mediaelement/mediaelement-plugins/blob/3.0.0/docs/quality.md">here</a>.</li>
<li>Default Behavior: If you choose not to utilize the <code>iconPath</code> option, the quality button will continue to operate as before, displaying the default quality value as its text.</li>
</ul>
<h3>A11Y PLUGIN</h3>
<h4>New Feature: Inline SVG icons for audio and video description buttons</h4>
<ul>
<li>Setting <code>iconSpritePath</code>: This option enables you to define the path to your SVG icon sprite. When specified, it allows for dynamic generation of inline SVG icons, which will be displayed on the audio and/or video description buttons. Further information can be found <a href="/mediaelement/mediaelement-plugins/blob/3.0.0/docs/a11y.md">here</a>.</li>
<li>Important CSS Adjustment: If you're planning to use <code>iconSpritePath</code> and your current setup includes background icons defined in CSS, you'll need to make a small but crucial update to your CSS file. Please remove any CSS rules that apply background icons to these buttons. This step is necessary to prevent the display of both SVG and background icons simultaneously.</li>
</ul>digitas-gittag:github.com,2008:Repository/79658102/2.6.72023-08-02T10:56:02Z2.6.7<h2>QUALITY PLUGIN</h2>
<ul>
<li>The cleanMediaSource function was updated to avoid captions being deleted when the quality of video is changed.</li>
</ul>digitas-gittag:github.com,2008:Repository/79658102/2.6.62023-08-02T10:56:23Z2.6.6<h3>QUALITY PLUGIN</h3>
<p>Improvements to the last quality-plugin update:</p>
<ul>
<li>Fixes Release 2.6.5</li>
</ul>digitas-gittag:github.com,2008:Repository/79658102/2.6.52023-04-25T10:06:12ZRelease 2.6.5<h3>QUALITY PLUGIN</h3>
<p>Improvements to the last quality-plugin update:</p>
<ul>
<li>Add flexible width for Quality-Button Content</li>
</ul>digitas-gittag:github.com,2008:Repository/79658102/2.6.42023-08-02T10:56:14Z2.6.4<h3>QUALITY PLUGIN</h3>
<p>Improvements to the last quality-plugin update:</p>
<ul>
<li>Add flexible width for Quality-Button Content</li>
</ul>digitas-git