I want to help you fastly but you are right it is well but not perfect. Just be aware that the css transform obviously will mirror the 10 in the icon as well, which is not perfect - so any chance we can have this feature added to jwplayer directly? nextElementSibling ) // add onclick handlers. insertBefore ( forwardControlBarButton, rewindControlBarButton. ariaLabel = "Forward 10 Seconds" rewindControlBarButton. transform = "scaleX(-1)" forwardControlBarButton.
cloneNode ( true ) forwardControlBarButton. querySelector ( ".jw-icon-rewind" ) const forwardControlBarButton = rewindControlBarButton. querySelector ( '.jw-button-container' ) const rewindControlBarButton = buttonContainer.
display = 'none' // hide next button const buttonContainer = playerContainer. querySelector ( '.jw-display-icon-next' ). insertBefore ( forwardContainer, nextContainer ) // control bar icon playerContainer. querySelector ( '.jw-display-icon-next' ) nextContainer. ariaLabel = "Forward 10 Seconds" const nextContainer = playerContainer. transform = "scaleX(-1)" forwardDisplayButton. querySelector ( '.jw-icon-rewind' ) forwardDisplayButton. cloneNode ( true ) const forwardDisplayButton = forwardContainer. querySelector ( '.jw-display-icon-rewind' ) const forwardContainer = rewindContainer. querySelector ( playerContainerSelector ) // display icon const rewindContainer = playerContainer. EnvironmentĬonst playerContainerSelector = '#jwplayer-container' const player = jwplayer ( '#player' ) const playerContainer = document. I realize there's a addButton API to add buttons in control bar, but it seems there's no API to add buttons on the display container, nor a one to implement the transition. Though I understand that adding more buttons in the control bar of player would make it too crowded, I think at least there should be such an API for users themselves to implement it. In my opinion, a easy fast-forward feature is quite important to user experience. However there's no such feature in Android. With iPhone there's no such difficulty because the iOS system overtakes any players with its native one, and with their native rewind/forward +15sec buttons inside. In small devices like cellphones, it's kind of tricky to scroll the progress bar to make a small forward seek, especially when the stream is long and a little scroll will be a giant leap. For example, in Youtube there's this feature double-clicking the left or right side of the player to seek rewind or forward by 10 seconds. Sometime users just want to make tiny seek forwards rather than a leap one. I think In actual use case fast-forwarding the stream is a frequent behavior. (Please correct me if im mistaken) Looking forward to better user experience There is no such feature in jwplayer, orr an easy-to-go API to implement such feature. A fast-forward button to seek +10 seconds next to the native rewind -10 sec one, and the button transits from the controlbar into a big button on the right part of player container when the window turns to small size, just like the rewind button.
0 kommentar(er)
