
JWPlayer 6.9 replay does not work in HTML5 mode
I have embedded jwplayer 6.9 and everything works fine except when the video ends the "replay" icon does not work in html5 mode (it works in flash mode). All it does is make the player element "flash". I am testing in Firefox.
I embed the actual video like this:
<video id="Life_Sciences_Forum_External_704x405_22lnYDJopk"
src="http://cdn.site.com/site/video/Life%20Sciences%20Forum_External_704x405.mp4"
poster="/content/dam/site/resources/videos/Life%20Sciences%20Forum_External_704x405.mp4.thumb.405.704.png" controls></video>
Then I call a helper function to setup the player.
My code is like this:
function InitVideoPlayers(selector, videoWidth, videoHeight) {
var players = $(selector);
if (players != null && players.length > 0) {
players.each(function() {
var $player = $(this);
var widthRatio = (videoHeight > 0 && videoWidth > 0) ? (videoHeight / videoWidth) : (3/4);
var height = $player.parent().width() * widthRatio;
height += 24; //for control bar
$player.data("widthRatio", widthRatio);
jwplayer($player.attr("id")).setup({
file: $player.attr("src"),
image: $player.attr("poster"),
controlbar: 'bottom',
stretching: "uniform",
width: "100%",
height: height,
primary: "html5",
html5player: '/etc/designs/site/clientlibs.jwplayer/js/jwplayer.html5.js',
flashplayer: '/etc/designs/site/clientlibs.jwplayer/js/jwplayer.flash.swf',
sitecatalyst: {}
});
});
}
}