Fast Forward and backward buttons

[machadoug]

How to add the fast Forward and backward buttons to the player?

[yoriiis]

Fast forward and back forward actions are already available with keyboard shortcuts on the player, you can create your own buttons and take inspiration from the fastForward function.

[machadoug]

Thank you for the swift reply.
I couldn't find in the documentation how to add buttons to the video and audio players. Can you please give instructions on how to add the buttons?
TIA

[yoriiis]

When the player is ready, you can create a button element and inject it into the control bar for example, then attach an event listener to fast forward.

new Vlitejs('#player', {
    onReady: function (player) {
        player.elements.controlBar.insertAdjacentHTML(
            'beforeend',
            '<button class="btn-ff">>></button>'
        );
        document.querySelector('.btn-ff').addEventListener('click', (e) => {
            e.preventDefault();
            player.getCurrentTime().then((seconds) => {
                player.seekTo(seconds + 5);
            });
        });
    }
});