Linear

Video buffer and moving playhead (Projekktor Theming)

by Flash ⌂ @, Washington D.C., Saturday, June 05, 2010, 12:54 (1110 days ago)

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

  4084 views

Video buffer and moving playhead

by Flash ⌂ @, Washington D.C., Saturday, June 05, 2010, 15:01 (1110 days ago) @ Flash

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 <source src="video.flv" type="video/flv" /> is this the correct way to reference the flash file?

Thanks for your help,
-flash

  4030 views
Avatar

Video buffer and moving playhead

by sascha ⌂ @, Sunday, June 06, 2010, 12:04 (1109 days ago) @ Flash

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 <source src="video.flv" type="video/flv" /> 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

  3865 views

Video buffer and moving playhead

by Flash ⌂ @, Washington D.C., Sunday, June 06, 2010, 13:06 (1109 days ago) @ sascha

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

  3839 views
Avatar

Video buffer and moving playhead

by sascha ⌂ @, Sunday, June 06, 2010, 13:31 (1109 days ago) @ Flash

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

<link rel="stylesheet" type="text/css" href="<your-theme-css-here>" media="all" />

to the <head>-section of your page.

- Sascha

  4098 views

Video buffer and moving playhead

by Flash ⌂ @, Washington D.C., Monday, June 07, 2010, 12:42 (1108 days ago) @ sascha

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 <source src="video.flv" type="video/flv" /> 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

  3883 views
Avatar

Video buffer and moving playhead

by sascha ⌂ @, Tuesday, June 08, 2010, 10:38 (1107 days ago) @ Flash

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 <div class="wrapper position-relative"></div> 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 <source src="video.flv" type="video/flv" /> 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

  3749 views

Video buffer and moving playhead

by Flash ⌂ @, Washington D.C., Monday, June 14, 2010, 13:07 (1101 days ago) @ sascha

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

  3959 views
Avatar

Video buffer and moving playhead

by sascha ⌂ @, Monday, June 14, 2010, 14:19 (1101 days ago) @ Flash

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

  3834 views

Video buffer and moving playhead

by Flash ⌂ @, Washington D.C., Tuesday, June 22, 2010, 12:29 (1093 days ago) @ sascha

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

  3796 views

SOLVED: Firefox, IE / Flash not working

by Flash ⌂ @, Washington D.C., Tuesday, June 22, 2010, 13:30 (1093 days ago) @ Flash

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.

  4568 views