Como forçar o HTML5 e desactivar o Flash no JWPlayer
Aqui está o meu código que deve usar o leitor de HTML5 enquanto está a jogar vídeo.
<html>
<head><script type="text/javascript" src="http://content.jwplatform.com/libraries/asdetr.js"></script></head>
<body>
<div id="myElement">Loading the player...</div>
<script type="text/javascript">
var playerInstance = jwplayer("myElement");
playerInstance.setup({
file: "http://content.jwplatform.com/videos/trytry-789.mp4",
image: "http://content.jwplatform.com/thumbs/dfg569-676.jpg",
width: 640,
height: 360,
modes: [
{ type: "html5",
config: {
file: "http://content.jwplatform.com/videos/trytry-789.mp4"
}
}
]
});
</script>
</body>
</html>
Por favor, sugira-me uma boa maneira de usar o jogador HTML5. e corrija-me se estiver a fazer algo de errado.
3 answers
<html>
<head><script type="text/javascript" src="http://content.jwplatform.com/libraries/asdetr.js"></script></head>
<body>
<div id="myElement">Loading the player...</div>
<video crossorigin="anonymous" poster="http://support.jwplayer.com/customer/portal/attachments/268150" controls="controls" width="640" height="272">
<source src="http://content.jwplatform.com/videos/C4lp6Dtd-640.mp4" type="video/mp4" />
</video>
</body>
</html>
Https://jsfiddle.net/rdgfuentes/gwa5f438/
Uma das coisas que podem causar o problema é que você está incluindo o jwplayer de um site externo ({[[0]}) que atualmente está retornando 404. Mudei - o para http://content.jwplatform.com/libraries/XeGdlzmk.js
e fixei-o temporariamente, mas essa não é a solução final.
As são duas formas de implementar o jwplayer no seu site, dependendo de onde está a carregar a biblioteca de:
- jogador hospedado na nuvem: dos servidores do jwplayer.
- auto hospedado: do seu servidor.
Eu sempre apliquei a solução auto-hospedada que requer que você baixe o pacote e incluiu todos os seus arquivos em seu servidor.
Aqui você pode encontrar mais informações sobre isso. http://support.jwplayer.com/customer/portal/articles/1772740-dashboard-faq#self-hosted-vs-cloud-hostedEm vez disso, Use este código. Você está usando um bloco de modos que é para o JW Player 5 e muito obsoleto. O código abaixo funciona porque JW6 e JW7 já forçam o modo de renderização primário a ser HTML5 de qualquer maneira.
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://content.jwplatform.com/libraries/asdetr.js"></script>
</head>
<body>
<div id="myElement">Loading the player...</div>
<script type="text/javascript">
var playerInstance = jwplayer("myElement");
playerInstance.setup({
file: "http://content.jwplatform.com/videos/trytry-789.mp4",
image: "http://content.jwplatform.com/thumbs/dfg569-676.jpg",
width: 640,
height: 360,
fallback: false
});
</script>
</body>