Implementé el JW Player más nuevo (8.24) y me gustaría personalizarlo para que tenga un botón de avance rápido. Estándar solo tiene un rebobinado de -10 segundos. sería bueno con un avance de +10 segundos también. ¡Y alguien ya lo ha hecho! Y también he implementado este script pero solo muestra el ícono en - transform = "scaleX(-1)"; - que muestra el ícono invertido, que es una especie de arrastre. ¿Hay alguien que sea bueno en javascript que pueda ayudar a un novato con este pequeño problema?
¿Cómo puedo hacer que el ícono/imagen no se muestre al revés, o cómo puedo reemplazarlo?
El script que implementé es este:
const playerContainerSelector = '#jwplayer-container'; const player = jwplayer('#player'); const playerContainer = document.querySelector(playerContainerSelector); // display icon const rewindContainer = playerContainer.querySelector('.jw-display-icon-rewind'); const forwardContainer = rewindContainer.cloneNode(true); const forwardDisplayButton = forwardContainer.querySelector('.jw-icon-rewind'); forwardDisplayButton.style.transform = "scaleX(-1)"; forwardDisplayButton.ariaLabel = "Forward 10 Seconds" const nextContainer = playerContainer.querySelector('.jw-display-icon-next'); nextContainer.parentNode.insertBefore(forwardContainer, nextContainer); // control bar icon playerContainer.querySelector('.jw-display-icon-next').style.display = 'none'; // hide next button const buttonContainer = playerContainer.querySelector('.jw-button-container'); const rewindControlBarButton = buttonContainer.querySelector(".jw-icon-rewind"); const forwardControlBarButton = rewindControlBarButton.cloneNode(true); forwardControlBarButton.style.transform = "scaleX(-1)"; forwardControlBarButton.ariaLabel = "Forward 10 Seconds"; rewindControlBarButton.parentNode.insertBefore(forwardControlBarButton, rewindControlBarButton.nextElementSibling); // add onclick handlers [forwardDisplayButton, forwardControlBarButton].forEach(button => { button.onclick = () => { player.seek((player.getPosition() + 10)); } })El script es de este hilo de github: https://github.com/jwplayer/jwplayer/issues/3894
Cualquier ayuda es muy agradecida.