This package has been deprecated

Author message:

This package has been moved to @w0s/button-media-same-play

@saekitominaga/customelements-button-media-sameplay
TypeScript icon, indicating that this package has built-in type declarations

1.1.6 • Public • Published

Simultaneous playback button for multiple audio / video

npm version test status

  • If you press the button during pause, the playback starts from the position with the lowest playback time.
  • Pause if you press a button during playback.
  • If all the target media elements has finished playing, start playing from the beginning.

Demo

Examples

<button type="button" is="x-media-same-play"
  data-targets-for="video1 video2"
>Simultaneous playback</button>

<video src="video.webm" controls="" id="video1"></video>
<video src="video.webm" controls="" id="video2"></video>

Attributes

type [optional]
This function automatically sets type="button". However, it is recommended to manually add type="button" for JavaScript disabled environments and browsers that do not support Customized built-in elements (Safari 14, Edge Legacy, etc.). According to the description in the HTML specification, The missing value default and invalid value default are the Submit Button state.
data-targets-for [required]
Multiple media element's ID. (Space delimited)

Package Sidebar

Install

npm i @saekitominaga/customelements-button-media-sameplay

Weekly Downloads

0

Version

1.1.6

License

MIT

Unpacked Size

43.9 kB

Total Files

7

Last publish

Collaborators

  • saekitominaga