Redimensionamento automático no JW Player

StackOverflow https://stackoverflow.com/questions/2580633

  •  24-09-2019
  •  | 
  •  

Pergunta

Existe alguma maneira de tornar o JW Player automatizável quando ele carregar?

Como, por exemplo, se o arquivo de filme for menor em dimensões que o jogador, haverá um fundo preto. Eu quero que o filme se espalhe por toda a cor preta.

Desde já, obrigado.

Foi útil?

Solução

Existem algumas opções de alongamento que podem ser definidas via flashvar. Isso inclui nenhum (sem alongamento), exatoffit (desproporcional), uniforme (estique com bordas pretas) ou preenchimento (uniforme, mas preencha completamente a tela). Eles estão todos listados em nosso página flashvars.

Se você deseja atualizar o tamanho do jogador dentro do DOM, pode ser possível, mas certamente não é recomendado, pois isso causaria o Flash para recarregar o jogador.

melhor,

Zach

Desenvolvedor, Longtail Video

Outras dicas

O seguinte funciona para mim:

<html>
<script type="text/javascript" src="jwplayer.js"></script>
<script type="text/javascript">jwplayer.key="LicenceCodeGoesHere";</script>
<div id="container">This'll be the player</div>

<script type="text/javascript">
jwplayer("container").setup({
    file:"http://videoURLGoesHere",
    autostart:true,
    width: "100%",
    height: "98%",
ratio: "100%",
responsive: true,
    events:{
        onComplete: function() {
            window.location = "http://redirectGoesHere";
        }
    }

});

</script>
<a href="http://UrlGoesHere">Please click here to skip the video and load the main site</a> 
</html>

Espero que isto ajude!

Quanto a redimensionar o próprio jogador, em vez de escalar o conteúdo dentro dele, o JW Player tem uma função de redimensionamento agora, que você pode combinar com o evento OnMeta para redimensionar o player para corresponder às dimensões do vídeo. Observe que eu só tentei isso no vídeo de streaming, por isso não tenho 100% de certeza de que o meta-evento funcione o mesmo na reprodução baseada em arquivos.

Você pode querer usar o evento OnMeta para calcular o tamanho correto, mas aguarde até que um evento onplay realmente ligue para redimensionar () - se você tiver uma imagem estática carregada antes do início da reprodução, ainda estará acordado quando você redimensionar O evento Onmeta, e ele se alongará, mas parece um pouco estranho por um segundo. Isso ainda acontece no onplay, mas é mais rápido.

Na sua função JWPlayer ('video_id'). Setup (), basta incluir algo assim nas opções:

        events: {
          onMeta: function(event) {
            if(event.metadata.width != undefined && event.metadata.height != undefined && event.metadata.width != 0) {
              var playerWidth = 700;
              var playerHeight = (event.metadata.height/event.metadata.width)*playerWidth;
              jwplayer("video_id").resize(playerWidth, playerHeight);
            }
          }
        }

Isso supõe que você deseja manter a largura em 700, mas escala a altura do jogador para se encaixar no arquivo de mídia e, é claro, seu jogador tem ID "video_id" no DOM.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top