Jogador JW com HTML5
Eu sei que esta pergunta foi feita muitas vezes aqui, mas não consegui chegar a uma solução padrão deles. Preciso de Ajuda.
eu simplesmente preciso de mostrar os meus vÃdeos. mp4 no jwplayer 5.10, de modo que ele irá mostrar na versão flash onde ele obtém flash caso contrário na versão html5.
Aqui está o meu código:jwplayer("video_holder").setup({
'height': '300',
'width': '100%',
modes: [
{ type: "flash",
src: "player.swf",
config: {
file: "http://example.com/path/to/video.mp4",
}
},
{ type: "html5",
config: {
file: "http://example.com/path/to/video.mp4"
}
}
]
});
FYI : estou a converter todos os meus vÃdeos no formato. mp4, usando o FFmpeg, libx264 Ele não carrega o vÃdeo em Chrome e IOS, trabalha com flash em F.
O que estou a fazer de errado aqui? 1
Author: Pratip Ghosh, 2014-05-02
2 answers
Estás a tornar as coisas mais complicadas do que realmente são. Aqui está uma página demo simples que faz o que você quer.
Http://misterneutron.com/JW5video/
E aqui está o código da página:<!DOCTYPE html>
<html>
<head>
<meta charset='UTF-8'>
<title>JW5</title>
<script type='text/javascript' src='jwplayer.js'></script>
</head>
<body>
<div id='myElement'>Loading the player...</div>
<script type='text/javascript'>
jwplayer('myElement').setup({
flashplayer: 'player.swf',
file: 'wildlife.mp4',
image: 'wildlife.jpg',
width: 640,
height: 360
});
</script>
</body>
</html>
2
Author: MisterNeutron, 2014-05-02 22:11:09
Sim, joga bem com a configuração do jwplayer feita por MisterNeutron. Parece que o problema foi por alguma razão, o jogador não foi capaz de acessar os vÃdeos em minha máquina local (pode ser algum problema com permissão, vai investigar mais tarde). No entanto, funcionava bem no meu servidor DEV.
No caso de alguém tropeçar neste post e querer uma explicação melhor:
Estou a converter todos os vÃdeos enviados pelo utilizador para a extensão mp4 para serem reproduzidos pelo jwplayer na versão flash e vÃdeo html5 em fallback. O programa de conversão de vÃdeo ffmpeg é o seguinte:
ffmpeg -y -i 'input_file' -c:v libx264 -crf 23 -profile:v baseline -c:a aac -strict experimental 'output_file'
Espero que isto ajude alguém e muito obrigado pela ajuda.
0
Author: Pratip Ghosh, 2014-05-08 14:30:17