Projekktor HTML5 video player - Forum - SOLVED: Firefox, IE / Flash not working

SOLVED: Firefox, IE / Flash not working (reply)

Flash — Tue, 22 Jun 2010 13:30:50 +0200

I've been knocking my head on a wall because of this for a while... and have finally figured it out. My video would play fine in Safari (using the MP4 file), Firefox and IE would show the poster image but when play was pressed would fail to play the FLV file specified or display an error. It would not show the buffering icon either.

It seems as if the path for playerFlashMP4: must be relative (not absolute) and that the correct type for the flash file's source tag is type="video/flv" not (video/x-flv) as documented here: http://www.projekktor.com/cms.php

You can see a working copy of my Projekktor installation using MP4/FLV combination and the Applicious theme here: http://90revolutions.com/podcasts/

I hope this information helps someone save time debugging this issue.

Video buffer and moving playhead (reply)

Flash — Tue, 22 Jun 2010 12:29:02 +0200

please confirm! if everathing is fine there is one more cool theme to spread - what do you think?

Sounds great. I have packaged everything up and I tried to start a new topic yesterday with the link information. Please approve it.

Thanks,
-flash

Video buffer and moving playhead (reply)

sascha — Mon, 14 Jun 2010 14:19:54 +0200

i hacked your css a little and this is what i came out with:

http://downloads.projekktor.com/misc/flash_style.css

the most important changes are marked with "!!!". its important to make the projekktor container "position: absolute;" and "display: block;".

i also edited the volume related stuff, the controls positioning and the fullscreen-button. looks nice on my win32 based browsers.

please confirm! if everathing is fine there is one more cool theme to spread - what do you think?

- sascha

Video buffer and moving playhead (reply)

Flash — Mon, 14 Jun 2010 13:07:32 +0200

Hey Sascha, I'm still having trouble with IE 7 & 8 on PC and Firefox on a Mac on my site: http://90revolutions.com/podcasts/an-ordered-list-post/ Safari seems to work fine. I'm using MP4 and FLV src files and I believe I have projekktor 0.7.10 on the site.

They all load the poster image with large play button but then you click play in Firefox, nothing happens, the screen just goes black. No skin, nothing.

When you press play in IE 8, you see the the flash buffering icon but no video plays.

Thanks in advance,
-flash

Video buffer and moving playhead (reply)

sascha — Tue, 08 Jun 2010 10:38:20 +0200

2) the full screen button does not seem to work... when I click it, I still hear the video still playing but do not see any picture. any suggestions?

This is caused by your

container. Try to get rid of it and set "margin: 0 auto;" for the ".projekktor" class. Should look nice.

3) my flash fall back doesn't seem to work in internet explorer 7 or 8. Do I need or is it just supposed to play the mp4 file using the playerMP4.swf file? Any reason you think the latter is not working?

IE7 and IE8 do not support native video. Due to this the playback component used is always Flash. Right now flash supports h264 (mp4) and those strange FLV container codecs. Both should work fine.

- Sascha

Video buffer and moving playhead (reply)

Flash — Mon, 07 Jun 2010 12:42:16 +0200

Thanks Sascha! Ok, I've now got my theme loading using v 0.7.8 here: http://www.90revolutions.com/test2/individual.html but I'm still having a few difficulties I mentioned earlier:

2) the full screen button does not seem to work... when I click it, I still hear the video still playing but do not see any picture. any suggestions?

3) my flash fall back doesn't seem to work in internet explorer 7 or 8. Do I need or is it just supposed to play the mp4 file using the playerMP4.swf file? Any reason you think the latter is not working?

Thanks in advance,
-flash

Video buffer and moving playhead (reply)

sascha — Sun, 06 Jun 2010 13:31:02 +0200

It just doesn't load the theme at all.

Oh, I´m sorry. I forgot to mention that the newer versions do not load the theme-css automatically. A "feature" which caused issues with some CMS modules. So its now required to apply the style-sheet manually by adding

to the -section of your page.

- Sascha

Video buffer and moving playhead (reply)

Flash — Sun, 06 Jun 2010 13:06:36 +0200

I'm getting excited about Projekktor, I'm so close to having this project finished with it. Thanks for all your help.

Just a theory: Maybe some browsers do not load background-images of containers with zero dimensions or "display" set to "none". You could try to add "width: 1px" to the .pploaded class. If this does not help I will hack the script in order to initialize with none-zero-dimensions.

I will try this next time I see the error I was having with pploadded

I noticed that you are still using V0.7.2. Some FLV and IE issues have been fixed in newer incarnations. Please grab: http://www.projekktor.com/js/projekktor.js and http://www.projekktor.com/playerMP4.swf and overwrite your current files.

If this does not help please give a feedback and I will go further into details.

I've tried replacing my projekktor.js and playerMP4.swf with the files available for download and the files used by the home page and when I replace v.0.7.2 with either it breaks my player. I've left it broken so you can see what I mean here: http://90revolutions.com/test2/individual.html It just doesn't load the theme at all. Is there something else I need to do when upgrading besides replacing the files? If not, is there something about my setup that breaks it with changes implemented after 0.7.2?

Thanks in advance,
-flash

Video buffer and moving playhead (reply)

sascha — Sun, 06 Jun 2010 12:04:01 +0200

First things first: Your theme looks awesome!

1) the pploaded image does not always load and show the buffering of the video. When this happens then the user is not able to skip around in the video. I'm using Safari on a Mac and it seems like all I need to do is refresh the page a few times or let it partially buffer, and then go to another page and come back to break it. Is there a fix for this?

Just a theory: Maybe some browsers do not load background-images of containers with zero dimensions or "display" set to "none". You could try to add "width: 1px" to the .pploaded class. If this does not help I will hack the script in order to initialize with none-zero-dimensions.

2) the full screen button does not seem to work... when I click it, I still hear the video still playing but do not see any picture. any suggestions?

3) my flash fall back doesn't seem to work in internet explorer 7 or 8... right now I'm using is this the correct way to reference the flash file?

I noticed that you are still using V0.7.2. Some FLV and IE issues have been fixed in newer incarnations. Please grab: http://www.projekktor.com/js/projekktor.js and http://www.projekktor.com/playerMP4.swf and overwrite your current files.

If this does not help please give a feedback and I will go further into details.

- Sascha

Video buffer and moving playhead (reply)

Flash — Sat, 05 Jun 2010 15:01:17 +0200

Ok, so I figured out right after making a post to this forum that the video buffering I was referring to is controlled by the CSS tag: .pploaded which refers to theme/loaded.png. So I've got that working now. The three issues I still have though are the following:

1) the pploaded image does not always load and show the buffering of the video. When this happens then the user is not able to skip around in the video. I'm using Safari on a Mac and it seems like all I need to do is refresh the page a few times or let it partially buffer, and then go to another page and come back to break it. Is there a fix for this?

2) the full screen button does not seem to work... when I click it, I still hear the video still playing but do not see any picture. any suggestions?

3) my flash fall back doesn't seem to work in internet explorer 7 or 8... right now I'm using is this the correct way to reference the flash file?

Thanks for your help,
-flash

Video buffer and moving playhead

Flash — Sat, 05 Jun 2010 12:54:06 +0200

I'm having difficulty changing what the video buffering line looks like... by this I mean, the part that goes ahead of the playhead and shows how much of the video is buffered. What CSS tag(s) controls this?

Also, it doesn't seem to let me click and drag the playhead to a different part of the video or click somewhere else on the timeline and jump to that point of the video, is this support? If so, what am I doing wrong so that this doesn't work? My test player is setup here: http://90revolutions.com/test2/individual.html

Thanks,
-john