Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

170
Visualizações
Cambiar la imagen del botón en jwplayer

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.

about 4 years ago · Juan Pablo Isaza
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda