I've got the player working in all browsers (even IE9). But it will not work in IE8-7. I get this error in developer toolbar: "There was an error while handling a listener: Error: Unknown runtime errorfunction d()..."
<video id="jwplayer" poster=" myposter.jpg" src=" myvideo.jpg" tabindex="0" width="372" height="280"></video>
jwplayer("jwplayer").setup({
flashplayer:"js/mediaplayer/player.swf"
});
Provide a link.
http://vps2323.inmotionhosting.com/~temurl5/index.php?page=16
Ah, this is an issue with IE, and using a <video> tag in 5.6
It is fixed in 5.7.
You can download 5.7 on trunk to test:
http://developer.longtailvideo.com/player/trunk/fl5/player.swf
http://developer.longtailvideo.com/player/trunk/fl5/js/bin-debug/jwplayer.js
Thanks Ethan, but that didn't work either. Now I'm getting this error:
LOG: There was an error while handling a listener: Error: Unknown runtime errorfunction _embedPlayer() {
if (_pluginloader.getStatus() == jwplayer.utils.loaderstatus.COMPLETE) {
for (var mode = 0; mode < _config.modes.length; mode++) {
if (_config.modes[mode].type && jwplayer.embed[_config.modes[mode].type]) {
var configClone = _config;
if (_config.modes[mode].config) {
configClone = jwplayer.utils.extend(jwplayer.utils.clone(_config), _config.modes[mode].config);
}
var embedder = new jwplayer.embed[_config.modes[mode].type](document.getElementById(playerApi.id), _config.modes[mode], configClone, _pluginloader, playerApi);
if (embedder.supportsConfig()) {
embedder.embed();
_setupEvents(playerApi, _config.events);
return playerApi;
}
}
}
jwplayer.utils.log("No suitable players found");
new jwplayer.embed.logo(jwplayer.utils.extend({
hide: true
}, _config.components.logo), "none", playerApi.id);
}
}
On – http://vps2323.inmotionhosting.com/~temurl5/index.php?page=16 you are still using 5.6 though?
No I'm using 5.7. See if clearing your chache update it.
Ah sorry, that was it.
When in your code are you actually calling jwplayer.setup?
There's a plugins.js in the <head>.
You can see it here:
http://vps2323.inmotionhosting.com/~temurl5/themes/provent/js/plugins.js
Maybe there is an issue with it being there?
Can you try to put it under this block on your page?
<p> <video id="vid" poster="http://proventtherapy.com/video/doctor.jpg" src="http://proventtherapy.com/video/doctor.m4v" tabindex="0" width="372" height="280"></video> </p>It is similar to how we do it here – http://www.longtailvideo.com/players/
I figured out the problem. I had <p> tags around the <video> tag. Once I removed the <p> it worked flawlessly.
Chalk it up to yet another wonderful IE bug. Thanks for the help Ethan
Great, np!
You guys should think about fixing this. A lot of CMS automatically put <p> tags on the page.
Thanks for the heads up. I will pass this along.
Hi all,
I'm having the same exact issue using jw player 5.7 inside mediawiki (through the mediawiki player extension).
The player works flawlessly in ie9, chrome and iOS devices.. but doesn't load in ie8.
The debugger says.. "LOG: There was an error while handling a listener: [object Error]function d(){if(h.getStatus()==a.utils.loaderstatus.COMPLETE){for(var m=0;m<e.modes.length;m++){if(e.modes[m].type&&a.embed[e.modes[m].type]){var k=e;if(e.modes[m].config){k=a.utils.extend(a.utils.clone(e),e.modes[m].config)}var l=new a.embed[e.modes[m].type](document.getElementById(g.id),e.modes[m],k,h,g);if(l.supportsConfig()){l.embed();c(g,e.events);return g}}}a.utils.log("No suitable players found");new a.embed.logo(a.utils.extend({hide:true},e.components.logo),"none",g.id)}}".
I don't think I can remove the <p> tags from the page.. is there any other way I can get this to work in ie8?
Thanks a lot,
Sergio
Any link you can provide?
Sure, sorry.. this is the example..
https://login.donghia.com/wiki/index.php/Video_Presentations
and thanks for your help!
@Sergio
Could be two things here but I am not certian
1. you are using the m4v extension; i would use the H.264 mp4 format
OR
2. it can not be found as it keeps searching OR a path issue
my guess it is #2
Try running this tool on your file – http://renaun.com/blog/2010/06/qtindexswapper-2/
Uhm.. I'll give it a try but.. how is that the same exact version of flash under ie9 plays it correctly (streaming starts immediately without having to download the entire file) but it doesn't under ie8? I'm a bit skeptical..
If you have to download the entire file first before it has to be played back, either the file has an issue, which the app above can fix, your server has GZIP Compression enabled, or the MP4 MIME-TYPE is not properly set up.
Thanks Ethan.. not really; this is how the player behaves (the file is around 90MB):
IE9 flash 10,3,181,26 - starts streaming almost immediately
Chrome beta v13 flash 10,3,181,26 - same
Safari on iPad with iOS 4.3.3 - same
Firefox 4.0 flash 10,1,82,76 - starts playing only after the entire file is downloaded
IE8 flash 10,3,181,26 - the player doesn't load at all and when launching the debugger I get the javascript error I posted above
So.. I have to admit I don't know a lot about streaming video online, but it really seems to me the file and flash are "comfortable" together... it seems that is really the javascript code not working under ie8.
If this is an IE8 bug or an issue with the script I don't know.. but they really seem not compatible somehow.
Maybe try removing the CDATA blocks?
Good idea.. but.. same exact result..
LOG: There was an error while handling a listener: [object Error]function d(){if(h.getStatus()==a.utils.loaderstatus.COMPLETE){for(var m=0;m<e.modes.length;m++){if(e.modes[m].type&&a.embed[e.modes[m].type]){var k=e;if(e.modes[m].config){k=a.utils.extend(a.utils.clone(e),e.modes[m].config)}var l=new a.embed[e.modes[m].type](document.getElementById(g.id),e.modes[m],k,h,g);if(l.supportsConfig()){l.embed();c(g,e.events);return g}}}a.utils.log("No suitable players found");new a.embed.logo(a.utils.extend({hide:true},e.components.logo),"none",g.id)}}
Change:
<video id="mwp1">The media player is loading…</video>To:
<div id="mwp1">The media player is loading…</div>OK, this finally did the trick!!
Thank you so much.. I confirm it now works under IE8 as well.
THANKS!!!
Sergio
Np!
Solution is to clear the P tag.
tnx man :)
Cool :-)
another jQuery solution for /p/ wrapped video tags:
bc.. if($('video').length > 0){
$('video').each( function(index){
var videoParent = $(this).parent('p');
var videoSource = $(this).attr('src');
var videoWidth = $(this).attr('width');
var videoHeight = $(this).attr('height');
//var videoPoster = $(this).attr('poster');
var idVideoContainer = 'video-element-' + index;
var newContainer = $('<div id="'+idVideoContainer +'"></div>');
newContainer.insertAfter(videoParent);
videoParent.remove();
jwplayer(idVideoContainer).setup({
'flashplayer': '/path/to/jwplayer/player.swf',
'autostart': false,
'width': videoWidth,
'height': videoHeight,
'file': videoSource
});
});
}
Works with all modern browsers + IE 7/8, IE 6 not tested, I don't support it anymore.
Cheers.
