This component is used to play and pause media.
<script type="module" src="https://cdn.jsdelivr.net/npm/@vidstack/player@next/cdn/define/vds-play-button.js" ></script>
<vds-play-button> component will toggle the
paused state of media as it's pressed by dispatching a
vds-pause-request event to the media controller.
Here's a simple styled
<vds-play-button> example containing a play and pause icon:
You can extend the preview above by adding a replay SVG icon, and showing it whilst hiding the play icon when the
media-ended attribute is present.