Jwplayer 7.0.3 with flash 18 not playing videos, while HTML is working fine

1
votes

Although it works well ni html5 mode with mp4 files, the player does not play neither flv files in flash mode, nor mp4 files in flash mode. In Chrome (44.0.2403.157) nd Firefox (40.0.3), it's loading indefinitely.

What is even stranger is that the player from the jwplayer dashboard (https://dashboard.jwplayer.com/#/players/basic_setup) manages to play flv files when loading them from the console using the following call:

jwplayer(document.querySelector('.jwplayer')).load([{ file:'http://www.sample-videos.com/video/flv/720/big_buck_bunny_720p_1mb.flv' }]);

Here's a jsfiddle showcasing the issue:

https://jsfiddle.net/kLdmj42d/ (make sure you specify a license key)

Just toggle the comments on the mp4 and flv files to make sure it actually works with the mp4 file.

HTML:

<div class="main">
    <div id="player">
    </div>
</div>

JS:

jwplayer.key = "";
jwplayer.defaults = {
  aspectratio: "16:9",
  autostart: false,
  controls: true,
  displaydescription: false,
  displaytitle: true,
  flashplayer: "//ssl.p.jwpcdn.com/player/v/7.0.3/jwplayer.flash.swf",
  height: 260,
  mute: false,
  ph: 1,
  //plugins: {"http://assets-jpcust.jwpsrv.com/player/6/6124956/ping.js": {"pixel": "http://content.jwplatform.com/ping.gif"}},
  primary: "html5",
  repeat: false,
  stagevideo: false,
  stretching: "uniform",
  width: "100%"
};

jwplayer(document.getElementById('player')).setup({
  file: 'http://www.sample-videos.com/video/flv/720/big_buck_bunny_720p_1mb.flv'
  //file: 'http://www.sample-videos.com/video/mp4/720/big_buck_bunny_720p_1mb.mp4'
});

I also posted the issue on JwPlayer's website: http://support.jwplayer.com/customer/portal/questions/14332602-jwplayer-7-3-with-flash-18-not-playing-videos

2
flashjwplayerjwplayer7

2 Answers

1
votes

The issue is that, apparently, the JwPlayer flash player needs access to window.jwplayer to work.

But, obviously, when using AMD, window.jwplayer is never set.

Until there's a fix, the workaround is to set window.jwplayer in the app's code.

As for jsfiddle, as I said in a comment, it doesn't work because of a sandboxed iframe.

http://support.jwplayer.com/customer/en/portal/questions/14351203-jwplayer-7-3-with-flash-18-not-playing-videos?new=14351203

0
votes

Odd, while this doesn't work in the JS Fiddle, when I load the following on my local, everything works fine:

<!DOCTYPE html>
<html>
<head>
    <title>Template</title>
    <script src="http://p.jwpcdn.com/player/v/7.0.3/jwplayer.js" type="text/javascript"></script>
    <script type="text/javascript" language="javascript">jwplayer.key = "YOUR_KEY";</script>
</head>
<body>
    <div id="player"></div>
    <script type="text/javascript" language="javascript">
    jwplayer("player").setup({
        file: "http://www.sample-videos.com/video/flv/720/big_buck_bunny_720p_1mb.flv"
    });
    </script>
</body>
</html>