Conflicting UI/UX elements – Slider with Stepper buttons on each side

In one of my iOS mobile apps I’m showing a screen with 2 options for pasued video scrub.

At this point, the video is paused, I'm giving the users an option to examine the video, either using fast scrub, or frame by frame. The options are:

  • Fast scrub using slider - similar to all music apps, giving the user the option to fast-scrub thru the video.

  • Step forward buttons - on each side of the slider, I'm placing button for one-frame-forward and one-frame-forward.

This are the options I've tried:

enter image description here

There are couple issues I can't figure out.

The Slider thumb has to be circle. When using circled button on the sides/below, it's just cause confusing (too many circles).

When placing text-only-button below the Slider, it looks like indicators to where each sider-side doing, it's not clear it's buttons.

Bottom line - Slider with Stepper on each side.
What do you recommend as good practice? What Love to hear your thoughts, Thanks!

UPDATE:

After a lot of tryouts, that's what I came up with. I've used Gestalt principles as guidelines.

What do you think?

enter image description here

OR

enter image description here

Tags: