Play/Pause Button

The <ef-toggle-play> is a custom HTML element to toggle the play state of the video.

Basic Usage

<ef-toggle-play>
    <div slot="pause">Pause</div>
    <div slot="play">Play</div>
</ef-toggle-play>

Attributes

pause (slot)

The pause slot is used to define the content of the button when the video is paused.

Example:

<ef-toggle-play>
    <div slot="pause">Pause</div>
</ef-toggle-play>

play (slot)

The play slot is used to define the content of the button when the video is playing.

Example:

<ef-toggle-play>
    <div slot="play">Play</div>
</ef-toggle-play>