Triggers, Events & Actions

Triggers

Not yet implement, considering;

sa-trigger-video-play

sa-trigger-video-pause

sa-trigger-video-seek

sa-trigger-video-position

sa-trigger-video-position:pos

Actions

sa-action-video-play = ( event name )

Play the video.

sa-action-video-pause = ( event name )

Pause the video.

sa-action-video-seek = ( event name )

Seek the video, to a specified position.

sa-action-video-seek:pos = ( position )

  • Unsigned integers indicates a position in seconds, from the start of the video

  • + Integers indicate a number seconds to advance

  • - Integers indicate a number seconds to rewind

  • Unsigned percentages indicate a position in % of total playtime, from the start of the video

  • + Percentages indicate a % of the total playtime to advance

  • - Percentages indicate a % of the total playtime to rewind

This attribute can be placed either on the video element, or on the triggering element.

  • Place it on the video element if the seek position will always be the same when you invoke this Action.

  • Place it on the triggering element if the seek position can vary depending on the Trigger.

Examples;

Seek value
Behavior
Notes

10

Seek to 10 seconds from the beginning of the video

If the position given is > the video duration, will seek to end

+10

Seek +10 seconds

Will stop if the end of the video is hit

-20

Seek -20 seconds

Will stop if the start of the video is hit

10%

Seek to 10% from the beginning of the video

If the position given is > the video duration, will seek to end

+20%

Seek forward 20% of the video duration

Will stop if the end of the video is hit

-50%

Seek back 50%

If the position given is > the video duration, will seek to end

https://www.npmjs.com/package/player.js

Last updated

Was this helpful?