Videos question

[Eileron]

Hey everybody,

I've been trying out the various accounts, and came across a question with videos. Basically is there any way to incorporate it so that videos (hosted on GoogleVideo or YouTube, due to size limitations) are inside an album, as opposed to taking up a whole gallery by themselves?

Also, is the "solution" for these videos (making them their own gallery) only open to power/pro users, or do standard users benefit as well?

Thanks everyone, looking forward to getting stuff up here :D,

Eil

[Andy]

Hey everybody,

I've been trying out the various accounts, and came across a question with videos. Basically is there any way to incorporate it so that videos (hosted on GoogleVideo or YouTube, due to size limitations) are inside an album, as opposed to taking up a whole gallery by themselves?
No, I'm sorry,there is not.

Also, is the "solution" for these videos (making them their own gallery) only open to power/pro users, or do standard users benefit as well?

Thanks everyone, looking forward to getting stuff up here :D,

EilOpen to anyone!

:wave welcome :D

[PBolchover]

I've been trying out the various accounts, and came across a question with videos. Basically is there any way to incorporate it so that videos (hosted on GoogleVideo or YouTube, due to size limitations) are inside an album, as opposed to taking up a whole gallery by themselves?


They way I do it, is to upload a thumbnail-size still from the video (with an added "play" button) as the photo, and embed the video code in the caption field.

This also allows the videos to be keyworded, just like a normal photo.

See this gallery (http://pbolchover.smugmug.com/gallery/2422234) for some examples

[Andy]

They way I do it, is to upload a thumbnail-size still from the video (with an added "play" button) as the photo, and embed the video code in the caption field.

This also allows the videos to be keyworded, just like a normal photo.

See this gallery (http://pbolchover.smugmug.com/gallery/2422234) for some examples
:clap :clap

[Allen]

They way I do it, is to upload a thumbnail-size still from the video (with an added "play" button) as the photo, and embed the video code in the caption field.

This also allows the videos to be keyworded, just like a normal photo.

See this gallery (http://pbolchover.smugmug.com/gallery/2422234) for some examples
You can put all the videos in a separate gallery and if you add this to your
CSS only the video will show and not the special thumb above the video.
#mainImageLink {display:none;}

[brandofamily]

They way I do it, is to upload a thumbnail-size still from the video (with an added "play" button) as the photo, and embed the video code in the caption field.

This also allows the videos to be keyworded, just like a normal photo.

See this gallery (http://pbolchover.smugmug.com/gallery/2422234) for some examples
I went to the gallery linked above, but did not get any videos???
Clicked thumbs but only got the light box version of the pic...

[Eileron]

You can put all the videos in a separate gallery and if you add this to your
CSS only the video will show and not the special thumb above the video.
#mainImageLink {display:none;}

I'm kinda new to CSS...where would I put this code?

Thanks everyone!

[Allen]

I'm kinda new to CSS...where would I put this code?

Thanks everyone!
That will only work for a gallery with only videos. It removes the large image
and leaves the caption with the video.
It goes in the CSS. If you have regular photos in the gallery also like
PBolchover's those would be removed also.

[PBolchover]

I went to the gallery linked above, but did not get any videos???

There are only a couple of videos in the gallery. Try using smugmug style to view it...

[brandofamily]

They way I do it, is to upload a thumbnail-size still from the video (with an added "play" button) as the photo, and embed the video code in the caption field.

This also allows the videos to be keyworded, just like a normal photo.

See this gallery (http://pbolchover.smugmug.com/gallery/2422234) for some examples

Can I get a copy of that play button... or did you get it off the web someplace?
You just put the video code in the pic description/caption?
How much CSS is required?

[PBolchover]

Can I get a copy of that play button... or did you get it off the web someplace?
You just put the video code in the pic description/caption?
How much CSS is required?

Yes, I just put the video code in the caption field. No CSS is required.

The play button is taken from the controls on the video applet. I've attached it to this post.

[brandofamily]

Yes, I just put the video code in the caption field. No CSS is required.

The play button is taken from the controls on the video applet. I've attached it to this post.
Thanks for the info. My current video page is simply 6 "screens" set on a gallery page... I like your layout better...
The 1st displayed image in SM format is the 1st pic in the gallery.... any way around that? Maybe I can add a back ground image in that space...

[PBolchover]

The 1st displayed image in SM format is the 1st pic in the gallery.... any way around that?

You could change the gallery URL that you link to. For example http://pbolchover.smugmug.com/gallery/2422234#127083079 gives my gallery with a different photo selected (if in smugmug style)

[jfriend]

Thanks for the info. My current video page is simply 6 "screens" set on a gallery page... I like your layout better...
The 1st displayed image in SM format is the 1st pic in the gallery.... any way around that? Maybe I can add a back ground image in that space...

I presume you know this, but you can also put the images in the gallery in any order you want so you could make any image in the gallery be in the first spot. Or just link to the gallery page an include a refernce to the image in that gallery page that you want displayed as PBolchover suggested.

[brandofamily]

I presume you know this, but you can also put the images in the gallery in any order you want so you could make any image in the gallery be in the first spot. Or just link to the gallery page an include a refernce to the image in that gallery page that you want displayed as PBolchover suggested.
My video gallery is set up for a local dance company. I am wanting to set the background image as the dance company logo... I'll play with it tonight once I get to a computer w/ FF WD...

[brandofamily]

I put the code in the caption, but the videos don't play...:dunno

[brandofamily]

bump, still trying to get this to work...

here's the gallery

http://brandolinoimaging.smugmug.com/gallery/2793033#149045165

and a sample of the code I put in the captions

<object width="424" height="336"><param name="movie" value="http://www.youtube.com/v/Pt-CX8SVaPQ"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/Pt-CX8SVaPQ" type="application/x-shockwave-flash" wmode="transparent" width="424" height="336"></embed></object>

[brandofamily]

Could this thread be moved to Customization forum please... maybe it will draw more attention and get me up and running...
Thanks

[scwalter]

Could this thread be moved to Customization forum please... maybe it will draw more attention and get me up and running...
Thanks
I think it needs to wrapped with <html> </html>tags.

-Scott

[richW]

Anthony, The videos are there, you have the captions set to display:none;
Try this:
.gallery_2793033 #caption_bottom {display: block !important;}

If you want to play around with your video gallery, try this:

.gallery_2793033 #mainImage {display: none;}

.gallery_2793033 #caption_bottom {
display: block !important;
text-align: center;
border:ridge 4px #D5B790;
background: #A5A5A5;
width: 430px;}

After your youtube code you can put the caption for the video also. The above code should look close to this:

19010

[brandofamily]

Anthony, The videos are there, you have the captions set to display:none;
Try this:
.gallery_2793033 #caption_bottom {display: block !important;}

If you want to play around with your video gallery, try this:

.gallery_2793033 #mainImage {display: none;}

.gallery_2793033 #caption_bottom {
display: block !important;
text-align: center;
border:ridge 4px #D5B790;
background: #A5A5A5;
width: 430px;}

After your youtube code you can put the caption for the video also. The above code should look close to this:

19010

THANKS...:bow:bow
I've been working on this site on and off for so long I forgot I did that...

[richW]

THANKS...:bow:bow
I've been working on this site on and off for so long I forgot I did that... Your Welcome Anthony....
Check IE6 (like we haven't heard that before) The video isn't showing up.
Place div tags around your youtube code and see if that helps. Then paste the code between <html> </html> in the caption.

<div><object width="424" height="336"><param name="movie" value="http://www.youtube.com/v/Pt-CX8SVaPQ"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/Pt-CX8SVaPQ" type="application/x-shockwave-flash" wmode="transparent" width="424" height="336"></embed></object></div>
p.s. I had to put an icepack on my scrolling finger after working on your site. Scrolling 24 pages of css took it's toll...:D

[brandofamily]

I'll see about that IE6 issue tonight. Thanks...
About the 24 pages... I know. I really should make my own theme since most of the Earth them is no longer visible.... But then I think I'd have to play with the numbers all over again since I would not be overriding the Earth code...
Thanks again... I like this set up much better...
I'm going to play with the background under the slide show next... I'd like the dance company logo "behind" the video block...
I'd actually like it to be there until a use clicks on a video to view, and then have it disappear or be the background... not sure I can do that w/o adding a picture to the gallery that is a "non-video" pic...

[brandofamily]

Got it....
Any idea if I can keep the U-Tube video from loading and keep my background image showing until a user clicks a video to watch?

[brandofamily]

Got it....
Any idea if I can keep the U-Tube video from loading and keep my background image showing until a user clicks a video to watch?

I figured out a work around or sorts... I added the background pic as an image in the gallery. Put it as the last image, adjusted the link to start w/ that picture... and then hid the picture... Seems to work...
I can not go back to the starting background w/o backing out of the gallery, but oh well...

[charless]

I know that YouTube also allows users to create private accounts - is it possible to embed a video from a private account into a SmugMug page? Or does the movie have to be public?

[ivar]

I know that YouTube also allows users to create private accounts - is it possible to embed a video from a private account into a SmugMug page? Or does the movie have to be public?Hi Charless,

I'm not familiar with the 'private accounts', but the videos need to be accessible without a password and such, if you want to use them on your SmugMug pages.

I hope this helps.

[charless]

Thanks Ivar.

Is anyone else concerned about millions of complete strangers having access to your videos? If they are posted on YouTube in a non-private account then some pretty sick people can watch videos of your kids. Maybe I'm being paranoid, but this would bother me too much to use youtube to post my videos on SmugMug.

[canonrt]

Its been a while since I posted a video to my site via you tube & now I need to post 3 videos asap & forgot how I did it.

I have a gallery called VIDEO , where they are already posted, I thought I could just send a new image/jpeg file to & then imbed the html, but I could not find the gallery listed in my choices, there is nothing good about getting old.

What am I missing here?

Here are the codes if that helps:

#1
<object width="425" height="350"> <param name="movie" value="http://www.youtube.com/v/2HlVRNDOVe8"> </param> <embed src="http://www.youtube.com/v/2HlVRNDOVe8" type="application/x-shockwave-flash" width="425" height="350"> </embed> </object>

#2
<object width="425" height="350"> <param name="movie" value="http://www.youtube.com/v/2HlVRNDOVe8"> </param> <embed src="http://www.youtube.com/v/2HlVRNDOVe8" type="application/x-shockwave-flash" width="425" height="350"> </embed> </object>

#3
<object width="425" height="350"> <param name="movie" value="http://www.youtube.com/v/tc876raPKf4"> </param> <embed src="http://www.youtube.com/v/tc876raPKf4" type="application/x-shockwave-flash" width="425" height="350"> </embed> </object>

[Allen]

Its been a while since I posted a video to my site via you tube & now I need to post 3 videos asap & forgot how I did it.

I have a gallery called VIDEO , where they are already posted, I thought I could just send a new image/jpeg file to & then imbed the html, but I could not find the gallery listed in my choices, there is nothing good about getting old.

What am I missing here?

Here are the codes if that helps:

#1
<object width="425" height="350"> <param name="movie" value="http://www.youtube.com/v/2HlVRNDOVe8"> </param> <embed src="http://www.youtube.com/v/2HlVRNDOVe8" type="application/x-shockwave-flash" width="425" height="350"> </embed> </object>

#2
<object width="425" height="350"> <param name="movie" value="http://www.youtube.com/v/2HlVRNDOVe8"> </param> <embed src="http://www.youtube.com/v/2HlVRNDOVe8" type="application/x-shockwave-flash" width="425" height="350"> </embed> </object>

#3
<object width="425" height="350"> <param name="movie" value="http://www.youtube.com/v/tc876raPKf4"> </param> <embed src="http://www.youtube.com/v/tc876raPKf4" type="application/x-shockwave-flash" width="425" height="350"> </embed> </object> It looks like you created a new gallery for each video and put the code in
the gallery description between html tags. Uploaded the same photo to
show as the thumb on the category page called VIDEOS.

Here's what you have in the gallery description for one your galleries so you'll
see how to enter the code for the new videos. Replace the red parts for the new video galleries.

<html>
<div align="center">
<p></p>
<h2>BRIDGEMEN COLOR GUARD</h2>
<object height="350" width="425">
<param name="movie" value="http://www.youtube.com/v/tzEEFEpQ6hY">
<param name="wmode" value="transparent">
<embed src="http://www.youtube.com/v/tzEEFEpQ6hY"
type="application/x-shockwave-flash"
wmode="transparent" height="350" width="425">
</object>
<p>HYPE!</p>
</html>
May I suggest cleaning up the pages? Change each of the video galleries
to journal style under customize gallery and turn printing and sharing off.
Then with the CSS below hide the slideshow button, page navs and the one
photo. You'll see the photo logged in only.


.category_VIDEOS .play_slideshow,
.category_VIDEOS .journal_entry,
.category_VIDEOS .pageNav
{display: none;}

.loggedIn .category_VIDEOS .journal_entry
(display: block;}

[canonrt]

Thanx Allen but should I replace the red parts for the new video gallerys only or for all or to clean up with the CSS code you suggest will take care of all & I continue to upload new vids by creating new gallerys.

I think you confused an already confused guy.

Thanx in advance for such a prompt reply, thats why I love & till this day can't believe the service we get for an un-matched anywhere product, I am proud to be a part of smugmug.

BTW

We just did our local show this past weekend & I took a shot after the show of a family walking out & she must have recognized my face from my home page & said to her young child as my flash went off, "Oh look honey, we're going to be on smugmug tonight.", and turned to me & said "Thanks"



It looks like you created a new gallery for each video and put the code in
the gallery description between html tags. Uploaded the same photo to
show as the thumb on the category page called VIDEOS.

Here's what you have in the gallery description for one your galleries so you'll
see how to enter the code for the new videos. Replace the red parts for the new video galleries.

<html>
<div align="center">
<p></p>
<h2>BRIDGEMEN COLOR GUARD</h2>
<object height="350" width="425">
<param name="movie" value="http://www.youtube.com/v/tzEEFEpQ6hY">
<param name="wmode" value="transparent">
<embed src="http://www.youtube.com/v/tzEEFEpQ6hY"
type="application/x-shockwave-flash"
wmode="transparent" height="350" width="425">
</object>
<p>HYPE!</p>
</html>
May I suggest cleaning up the pages? Change each of the video galleries
to journal style under customize gallery and turn printing and sharing off.
Then with the CSS below hide the slideshow button, page navs and the one
photo. You'll see the photo logged in only.


.category_VIDEOS .play_slideshow,
.category_VIDEOS .journal_entry,
.category_VIDEOS .pageNav
{display: none;}

.loggedIn .category_VIDEOS .journal_entry
(display: block;}

[Allen]

Thanx Allen but should I replace the red parts for the new video gallerys only or for all or to clean up with the CSS code you suggest will take care of all & I continue to upload new vids by creating new gallerys.

I think you confused an already confused guy.

Thanx in advance for such a prompt reply, thats why I love & till this day can't believe the service we get for an un-matched anywhere product, I am proud to be a part of smugmug.

BTW

We just did our local show this past weekend & I took a shot after the show of a family walking out & she must have recognized my face from my home page & said to her young child as my flash went off, "Oh look honey, we're going to be on smugmug tonight.", and turned to me & said "Thanks"
The red is an example of one of your existing video galleries, do the same,
with new code, for each new gallery.

The CSS part does all your video galleries under the VIDEO category. Only
needs to be added once, as is, to your CSS.

Then do the following to each video gallery.

Change each of the video galleries to journal style under customize gallery and turn printing and sharing off.
Then with the CSS below hide the slideshow button, page navs and the one
photo. You'll see the photo logged in only.

[brandofamily]

If you don't want separate galleries for each video check out my solution... got the code from a post here on Dgrin
http://www.brandolinoimaging.com/gallery/2793033#166983245

[canonrt]

Thanx Anthony, your site looks beautiful! I love the style! I love the colors! The content is quite pro!

Thats your home page right?

I don't think that would apply on my site though, take a look & you will see what I mean:
http://bridgemen.smugmug.com/

Allan, I will give it a try, I think I understand most of what your saying, I still am a little confused about if I send each video as a new gallery how does it get in my video gallery. OMG, I can't believe what I'm saying, I can't believe I can't do what I have already done! Is this Altzheimers or what!


If you don't want separate galleries for each video check out my solution... got the code from a post here on Dgrin

http://www.brandolinoimaging.com/gallery/2793033/7/149806730#149806730

[brandofamily]

thanks for the comments... no that's not my homepage, just one of my video galleries...good luck

[Allen]

If you don't want separate galleries for each video check out my solution... got the code from a post here on Dgrin

http://www.brandolinoimaging.com/gallery/2793033/7/149806730#149806730 " Click the "Thumbnail" of the video you wish to view."

Hate to say it, but in Firefox I see no thumbs to click on.

Had to do this link.
http://www.brandolinoimaging.com/gallery/2793033

[brandofamily]

" Click the "Thumbnail" of the video you wish to view."

Hate to say it, but in Firefox I see no thumbs to click on.

Had to do this link.
http://www.brandolinoimaging.com/gallery/2793033

You must have caught me in the middle of switching pics... I fixed the other link... here's the right one...
http://www.brandolinoimaging.com/gallery/2793033#166983245

[canonrt]

Allan or Anthony,

OK, now I AM totally confused!

I did the CSS, I changed to Journal Style, printing & sharing off & can't figure out how to hidethe slideshow button,page navs & photo part!

The few things I did, I see no change anywhere, I lit up IE & I don't even see a video.

I am not sure if Alan is talking to me or Anthony is talking to me or what or you both are talking to each other.

I feel like I am in the middle of a Who's on first routine.

...............John


You must have caught me in the middle of switching pics... I fixed the other link... here's the right one...
http://www.brandolinoimaging.com/gallery/2793033#166983245

[Allen]

Allan or Anthony,

OK, now I AM totally confused!

I did the CSS, I changed to Journal Style, printing & sharing off & can't figure out how to hidethe slideshow button,page navs & photo part!

The few things I did, I see no change anywhere, I lit up IE & I don't even see a video.

I am not sure if Alan is talking to me or Anthony is talking to me or what or you both are talking to each other.

I feel like I am in the middle of a Who's on first routine.

...............John
Did you add this to your CSS?

.category_VIDEOS .play_slideshow,
.category_VIDEOS .journal_entry,
.category_VIDEOS .pageNav
{display: none;}

.loggedIn .category_VIDEOS .journal_entry
(display: block;}

I see no CSS active in either video gallery.
If you did add it then you probably have "smugmug" instead of "custom"
checked for appearance under "gallery tools" > customize gallery.

[canonrt]

Allan, how the heck do you know all this?

You were right, I clicked on custom & now I have created a new problem.

My countdown timer that was only on my home page is on almost all pages.

Not a bad thing I guess, but how do I turn that on & off & how do I make global if left on?

And now all I do is create a new gallery with an image uploaded, paste the html code & that is it?

Thanx again for your help, check our schedule & come join the fun!



Did you add this to your CSS?

.category_VIDEOS .play_slideshow,
.category_VIDEOS .journal_entry,
.category_VIDEOS .pageNav
{display: none;}

.loggedIn .category_VIDEOS .journal_entry
(display: block;}

I see no CSS active in either video gallery.
If you did add it then you probably have "smugmug" instead of "custom"
checked for appearance under "gallery tools" > customize gallery.

[canonrt]

BTW I don't see any videos using IE 7!



Allan, how the heck do you know all this?

You were right, I clicked on custom & now I have created a new problem.

My countdown timer that was only on my home page is on almost all pages.

Not a bad thing I guess, but how do I turn that on & off & how do I make global if left on?

And now all I do is create a new gallery with an image uploaded, paste the html code & that is it?

Thanx again for your help, check our schedule & come join the fun!

[Allen]

Allan, how the heck do you know all this?

You were right, I clicked on custom & now I have created a new problem.

My countdown timer that was only on my home page is on almost all pages.

Not a bad thing I guess, but how do I turn that on & off & how do I make global if left on?

And now all I do is create a new gallery with an image uploaded, paste the html code & that is it?

Thanx again for your help, check our schedule & come join the fun! In your footer code a div around the countdown thingie.
Add red.

<div id="myCountdown">
<iframe src="http://www.7is7.com/otto/countdown.html?year=2007&amp;month=7&amp;date=8&amp;hrs=18&amp;min =0&amp;sec=0&amp;tz=local&amp;title=BRIDGEMEN%20COUNTDOWN%20FO R%20THE%20DCI%20EASTERN%20CLASSIC%20IN%20ALLENTOWN %2CPA&amp;lang=en&amp;show=dhms&amp;mode=r&amp;cdir=down&amp;bgcolor=% 23000000&amp;fgcolor=%23FFFF00" style="overflow: hidden; width: 60.6em; height: 44.8em;" frameborder="0" height="700" scrolling="no" width="900">&lt;a href="http://www.7is7.com/otto/countdown.html?year=2007&amp;amp;month=7&amp;amp;date=8&amp;am p;hrs=18&amp;amp;min=0&amp;amp;sec=0&amp;amp;tz=local&amp;amp;titl e=BRIDGEMEN%20COUNTDOWN%20FOR%20THE%20DCI%20EASTER N%20CLASSIC%20IN%20ALLENTOWN%2CPA&amp;amp;lang=en&amp;amp; show=dhms&amp;amp;mode=r&amp;amp;cdir=down&amp;amp;bgcolor=%23 000000&amp;amp;fgcolor=%23FFFF00"&gt;BRIDGEMEN COUNTDOWN FOR THE DCI EASTERN CLASSIC IN ALLENTOWN,PA&lt;/a&gt;</iframe>
</div>
Then in your CSS add these.

.homepage #myCountdown {display: block;}
#myCountdown {display: none;}

[Allen]

BTW I don't see any videos using IE 7!
Don't have IE7 so can't help you there.

[canonrt]

Allen, made all the changes, still can't see my new video & the timer seems to be in all gallerys now, so that works, but why can't I see my newest video?

I have taken working video you tube code & pasted it in the new gallery & it worked, so the problem has to be with the new you tube video code:

<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/2HlVRNDOVe8"></param><embed src="http://www.youtube.com/v/2HlVRNDOVe8" type="application/x-shockwave-flash" width="425" height="350"></embed></object>

I hope this helps you help me.

Don't have IE7 so can't help you there.

[Allen]

Allen, made all the changes, still can't see my new video & the timer seems to be in all gallerys now, so that works, but why can't I see my newest video?

I have taken working video you tube code & pasted it in the new gallery & it worked, so the problem has to be with the new you tube video code:

<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/2HlVRNDOVe8"></param><embed src="http://www.youtube.com/v/2HlVRNDOVe8" type="application/x-shockwave-flash" width="425" height="350"></embed></object>

I hope this helps you help me. I only see two videos now, what happened to the third one you had?
Might take what's in the new code and make it like your old code that worked.

Try this for new video, just changed the code you now have and entered the new video links.

<object height="350" width="425">
<param name="movie" value="http://www.youtube.com/v/2HlVRNDOVe8">
<param name="wmode" value="transparent">
<embed src="http://www.youtube.com/v/2HlVRNDOVe8"
type="application/x-shockwave-flash"
wmode="transparent" height="350" width="425">
</object>
<p>HYPE!</p>
</html>

Thought you only wanted the timer on the home page?

[canonrt]

I wanted to know how I can turn the timer on or off since it now appears on all pages, but thats ok, its more urgent I get these videos up.

I had to hide it, people were calling and asking me how it worked, but I unhid it now.

Here is the working code, it seems the embed is there to, any ideas?:

<html><div align="center"> <p><h2>BRIDGEMEN COLOR GUARD </h2></p> <object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/tzEEFEpQ6hY"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/tzEEFEpQ6hY" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object><p>HYPE!</p></div></html>



I only see two videos now, what happened to the third one you had?

I noticed the new code had embed in there. Might take what's in the new
code and make it like your old code that worked.

Thought you only wanted the timer on the home page?

[Allen]

I wanted to know how I can turn the timer on or off since it now appears on all pages, but thats ok, its more urgent I get these videos up.
...
You placed the div incorrectly in your footer. Then the CSS you added
should keep the countdown off all pages except the homepage.

YOu have now, see red for changes

<iframe src="http://www.7is7.com/otto/countdown.html?year=2007&amp;month=7&amp;date=8&amp;hrs=18&amp;min =0&amp;sec=0&amp;tz=local&amp;title=BRIDGEMEN%20COUNTDOWN%20FO R%20THE%20DCI%20EASTERN%20CLASSIC%20IN%20ALLENTOWN %2CPA&amp;lang=en&amp;show=dhms&amp;mode=r&amp;cdir=down&amp;bgcolor=% 23000000&amp;fgcolor=%23FFFF00" style="overflow: hidden; width: 60.6em; height: 44.8em;" frameborder="0" height="700" scrolling="no" width="900">&lt;a href="http://www.7is7.com/otto/countdown.html?year=2007&amp;amp;month=7&amp;amp;date=8&amp;am p;hrs=18&amp;amp;min=0&amp;amp;sec=0&amp;amp;tz=local&amp;amp;titl e=BRIDGEMEN%20COUNTDOWN%20FOR%20THE%20DCI%20EASTER N%20CLASSIC%20IN%20ALLENTOWN%2CPA&amp;amp;lang=en&amp;amp; show=dhms&amp;amp;mode=r&amp;amp;cdir=down&amp;amp;bgcolor=%23 000000&amp;amp;fgcolor=%23FFFF00"&gt;BRIDGEMEN COUNTDOWN FOR THE DCI EASTERN CLASSIC IN ALLENTOWN,PA&lt;/a&gt;</iframe>
</p><div id="myCountdown">
</div>

To this

<div id="myCountdown">
<iframe src="http://www.7is7.com/otto/countdown.html?year=2007&amp;month=7&amp;date=8&amp;hrs=18&amp;min =0&amp;sec=0&amp;tz=local&amp;title=BRIDGEMEN%20COUNTDOWN%20FO R%20THE%20DCI%20EASTERN%20CLASSIC%20IN%20ALLENTOWN %2CPA&amp;lang=en&amp;show=dhms&amp;mode=r&amp;cdir=down&amp;bgcolor=% 23000000&amp;fgcolor=%23FFFF00" style="overflow: hidden; width: 60.6em; height: 44.8em;" frameborder="0" height="700" scrolling="no" width="900">&lt;a href="http://www.7is7.com/otto/countdown.html?year=2007&amp;amp;month=7&amp;amp;date=8&amp;am p;hrs=18&amp;amp;min=0&amp;amp;sec=0&amp;amp;tz=local&amp;amp;titl e=BRIDGEMEN%20COUNTDOWN%20FOR%20THE%20DCI%20EASTER N%20CLASSIC%20IN%20ALLENTOWN%2CPA&amp;amp;lang=en&amp;amp; show=dhms&amp;amp;mode=r&amp;amp;cdir=down&amp;amp;bgcolor=%23 000000&amp;amp;fgcolor=%23FFFF00"&gt;BRIDGEMEN COUNTDOWN FOR THE DCI EASTERN CLASSIC IN ALLENTOWN,PA&lt;/a&gt;</iframe>
</div>
See my last post also.

[canonrt]

This is making me crazy.

Your code for the video didn't work & the timer is now off center & still on some gallerys & not on others.





You placed the div incorrectly in your footer. Then the CSS you added
should keep the countdown off all pages except the homepage.

YOu have now, see red for changes

<iframe src="http://www.7is7.com/otto/countdown.html?year=2007&amp;month=7&amp;date=8&amp;hrs=18&amp;min =0&amp;sec=0&amp;tz=local&amp;title=BRIDGEMEN%20COUNTDOWN%20FO R%20THE%20DCI%20EASTERN%20CLASSIC%20IN%20ALLENTOWN %2CPA&amp;lang=en&amp;show=dhms&amp;mode=r&amp;cdir=down&amp;bgcolor=% 23000000&amp;fgcolor=%23FFFF00" style="overflow: hidden; width: 60.6em; height: 44.8em;" frameborder="0" height="700" scrolling="no" width="900">&lt;a href="http://www.7is7.com/otto/countdown.html?year=2007&amp;amp;month=7&amp;amp;date=8&amp;am p;hrs=18&amp;amp;min=0&amp;amp;sec=0&amp;amp;tz=local&amp;amp;titl e=BRIDGEMEN%20COUNTDOWN%20FOR%20THE%20DCI%20EASTER N%20CLASSIC%20IN%20ALLENTOWN%2CPA&amp;amp;lang=en&amp;amp; show=dhms&amp;amp;mode=r&amp;amp;cdir=down&amp;amp;bgcolor=%23 000000&amp;amp;fgcolor=%23FFFF00"&gt;BRIDGEMEN COUNTDOWN FOR THE DCI EASTERN CLASSIC IN ALLENTOWN,PA&lt;/a&gt;</iframe>
</p><div id="myCountdown">
</div>

To this

<div id="myCountdown">
<iframe src="http://www.7is7.com/otto/countdown.html?year=2007&amp;month=7&amp;date=8&amp;hrs=18&amp;min =0&amp;sec=0&amp;tz=local&amp;title=BRIDGEMEN%20COUNTDOWN%20FO R%20THE%20DCI%20EASTERN%20CLASSIC%20IN%20ALLENTOWN %2CPA&amp;lang=en&amp;show=dhms&amp;mode=r&amp;cdir=down&amp;bgcolor=% 23000000&amp;fgcolor=%23FFFF00" style="overflow: hidden; width: 60.6em; height: 44.8em;" frameborder="0" height="700" scrolling="no" width="900">&lt;a href="http://www.7is7.com/otto/countdown.html?year=2007&amp;amp;month=7&amp;amp;date=8&amp;am p;hrs=18&amp;amp;min=0&amp;amp;sec=0&amp;amp;tz=local&amp;amp;titl e=BRIDGEMEN%20COUNTDOWN%20FOR%20THE%20DCI%20EASTER N%20CLASSIC%20IN%20ALLENTOWN%2CPA&amp;amp;lang=en&amp;amp; show=dhms&amp;amp;mode=r&amp;amp;cdir=down&amp;amp;bgcolor=%23 000000&amp;amp;fgcolor=%23FFFF00"&gt;BRIDGEMEN COUNTDOWN FOR THE DCI EASTERN CLASSIC IN ALLENTOWN,PA&lt;/a&gt;</iframe>
</p>
</div>
See my last post also.

[brandofamily]

I'm seeing the 3rd video... I assume you mean the third one down on the list...
I was wrong on the code thing... sorry
where do you put the code in that adds that timer?

[Allen]

This is making me crazy.

Your code for the video didn't work & the timer is now off center & still on some gallerys & not on others.
Change this in your footer.

<p align="center">
</p><div id="myCountdown">
<iframe src="http://www.7is7.com/otto/countdown.html?year=2007&amp;month=7&amp;date=8&amp;hrs=18&amp;min =0&amp;sec=0&amp;tz=local&amp;title=BRIDGEMEN%20COUNTDOWN%20FO R%20THE%20DCI%20EASTERN%20CLASSIC%20IN%20ALLENTOWN %2CPA&amp;lang=en&amp;show=dhms&amp;mode=r&amp;cdir=down&amp;bgcolor=% 23000000&amp;fgcolor=%23FFFF00" style="overflow: hidden; width: 60.6em; height: 44.8em;" frameborder="0" height="700" scrolling="no" width="900"><a href="http://www.7is7.com/otto/countdown.html?year=2007&amp;amp;month=7&amp;amp;date=8&amp;am p;hrs=18&amp;amp;min=0&amp;amp;sec=0&amp;amp;tz=local&amp;amp;titl e=BRIDGEMEN%20COUNTDOWN%20FOR%20THE%20DCI%20EASTER N%20CLASSIC%20IN%20ALLENTOWN%2CPA&amp;amp;lang=en&amp;amp; show=dhms&amp;amp;mode=r&amp;amp;cdir=down&amp;amp;bgcolor=%23 000000&amp;amp;fgcolor=%23FFFF00">BRIDGEMEN COUNTDOWN FOR THE DCI EASTERN CLASSIC IN ALLENTOWN,PA</a></iframe>
</div>
to this, Moves the centering inside the div and removes the <p>'s

<div id="myCountdown" align="center">
<iframe src="http://www.7is7.com/otto/countdown.html?year=2007&amp;month=7&amp;date=8&amp;hrs=18&amp;min =0&amp;sec=0&amp;tz=local&amp;title=BRIDGEMEN%20COUNTDOWN%20FO R%20THE%20DCI%20EASTERN%20CLASSIC%20IN%20ALLENTOWN %2CPA&amp;lang=en&amp;show=dhms&amp;mode=r&amp;cdir=down&amp;bgcolor=% 23000000&amp;fgcolor=%23FFFF00" style="overflow: hidden; width: 60.6em; height: 44.8em;" frameborder="0" height="700" scrolling="no" width="900"><a href="http://www.7is7.com/otto/countdown.html?year=2007&amp;amp;month=7&amp;amp;date=8&amp;am p;hrs=18&amp;amp;min=0&amp;amp;sec=0&amp;amp;tz=local&amp;amp;titl e=BRIDGEMEN%20COUNTDOWN%20FOR%20THE%20DCI%20EASTER N%20CLASSIC%20IN%20ALLENTOWN%2CPA&amp;amp;lang=en&amp;amp; show=dhms&amp;amp;mode=r&amp;amp;cdir=down&amp;amp;bgcolor=%23 000000&amp;amp;fgcolor=%23FFFF00">BRIDGEMEN COUNTDOWN FOR THE DCI EASTERN CLASSIC IN ALLENTOWN,PA</a></iframe>
</div>
Remove from the bottom of your CSS and put this at the top of
your CSS and see if it works there.

.homepage #myCountdown {display: block;}

#myCountdown {display: none;}

[canonrt]

The 2nd & 3rd video work fine, its the first one that doen't work.

I am going to remove the timer, I can reload it later, the urgent matter is the non working code for the top (1st) video

The code for the timer is in the footer




quote=brandofamily]I'm seeing the 3rd video... I assume you mean the third one down on the list...
I was wrong on the code thing... sorry
where do you put the code in that adds that timer?[/quote]

[brandofamily]

I'm seeing some nesting of code in your footer that's off

<p align="center">

<div id="myCountdown">
<iframe src="http://www.7is7.com/otto/countdown.html?year=2007&amp;month=7&amp;date=8&amp;hrs=18&amp;min =0&amp;sec=0&amp;tz=local&amp;title=BRIDGEMEN%20COUNTDOWN%20FO R%20THE%20DCI%20EASTERN%20CLASSIC%20IN%20ALLENTOWN %2CPA&amp;lang=en&amp;show=dhms&amp;mode=r&amp;cdir=down&amp;bgcolor=% 23000000&amp;fgcolor=%23FFFF00" width="900" height="700" scrolling="no" frameborder="0" style="width:60.6em;height:44.8em;overflow:hidden;"><a href="http://www.7is7.com/otto/countdown.html?year=2007&amp;month=7&amp;date=8&amp;hrs=18&amp;min =0&amp;sec=0&amp;tz=local&amp;title=BRIDGEMEN%20COUNTDOWN%20FO R%20THE%20DCI%20EASTERN%20CLASSIC%20IN%20ALLENTOWN %2CPA&amp;lang=en&amp;show=dhms&amp;mode=r&amp;cdir=down&amp;bgcolor=% 23000000&amp;fgcolor=%23FFFF00">BRIDGEMEN COUNTDOWN FOR THE DCI EASTERN CLASSIC IN ALLENTOWN,PA</a></iframe>
</p>
</div>

should be


<p align="center"> <div id="myCountdown">
<iframe src="http://www.7is7.com/otto/countdown.html?year=2007&amp;month=7&amp;date=8&amp;hrs=18&amp;min =0&amp;sec=0&amp;tz=local&amp;title=BRIDGEMEN%20COUNTDOWN%20FO R%20THE%20DCI%20EASTERN%20CLASSIC%20IN%20ALLENTOWN %2CPA&amp;lang=en&amp;show=dhms&amp;mode=r&amp;cdir=down&amp;bgcolor=% 23000000&amp;fgcolor=%23FFFF00" width="900" height="700" scrolling="no" frameborder="0" style="width:60.6em;height:44.8em;overflow:hidden;"><a href="http://www.7is7.com/otto/countdown.html?year=2007&amp;month=7&amp;date=8&amp;hrs=18&amp;min =0&amp;sec=0&amp;tz=local&amp;title=BRIDGEMEN%20COUNTDOWN%20FO R%20THE%20DCI%20EASTERN%20CLASSIC%20IN%20ALLENTOWN %2CPA&amp;lang=en&amp;show=dhms&amp;mode=r&amp;cdir=down&amp;bgcolor=% 23000000&amp;fgcolor=%23FFFF00">BRIDGEMEN COUNTDOWN FOR THE DCI EASTERN CLASSIC IN ALLENTOWN,PA</a></iframe>
</div>
</p>


not sure if this is causing all the problems, but it might help...

[Allen]

The 2nd & 3rd video work fine, its the first one that doen't work.

I am going to remove the timer, I can reload it later, the urgent matter is the non working code for the top (1st) video

The code for the timer is in the footer


I got the timer centered and only on the homepage, see my last post.

[brandofamily]

OK this is making me nuts to... can you post the exact code you have in the description area for a working video and then the code you've entered that is not working?

[canonrt]

Allen my pc shows no change in centering or video.

Here is the non working code:
<object height="350" width="425">
<param name="movie" value="http://www.youtube.com/v/2HlVRNDOVe8">
<param name="wmode" value="transparent">
<embed src="http://www.youtube.com/v/2HlVRNDOVe8"
type="application/x-shockwave-flash"
wmode="transparent" height="350" width="425">
</object>
<p>HYPE!</p>
</html>

Here is the working code:
<html><div align="center"> <p><h2>BRIDGEMEN COLOR GUARD </h2></p> <object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/tzEEFEpQ6hY"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/tzEEFEpQ6hY" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object><p>HYPE!</p></div></html>

FYI: These are 2 different videos.

Do you want me to just delete the timer?







OK this is making me nuts to... can you post the exact code you have in the description area for a working video and then the code you've entered that is not working?

[Allen]

Put the code between html tags. I just inserted all three from
post 29 and they all worked.

This one worked as did the others.

<html>
<div align="center">
<p></p>
<h2>BRIDGEMEN COLOR GUARD </h2>
<object width="425" height="350"> <param name="movie" value="http://www.youtube.com/v/2HlVRNDOVe8"> </param> <embed src="http://www.youtube.com/v/2HlVRNDOVe8" type="application/x-shockwave-flash" width="425" height="350"> </embed> </object>
</div>
</html>

and move this to the top of your CSS.

.homepage #myCountdown {display: block;}
#myCountdown {display: none;}

[brandofamily]

try this ... hope it works (to replace the non-working vid code)

<html><div align="center"> <p><h2>BRIDGEMEN COLOR GUARD </h2></p>
<object height="350" width="425">
<param name="movie" value="http://www.youtube.com/v/2HlVRNDOVe8"></param>
<param name="wmode" value="transparent"></param>
<embed src="http://www.youtube.com/v/2HlVRNDOVe8" type="application/x-shockwave-flash"
wmode="transparent" height="350" width="425"></embed></object>
<p>HYPE!</p></div></html>

I made the broke one match the working one...

[canonrt]

Allen, yes that did work, thank you! I only had to change the title.

So what was the problem?

I need to upload 2 more videos and for future refrence.

Man, I am so glad you guys don't give up.



Put the code between html tags. I just inserted all three from
post 29 and they all worked.

This one worked as did the others.

<html>
<div align="center">
<p></p>
<h2>BRIDGEMEN COLOR GUARD </h2>
<object width="425" height="350"> <param name="movie" value="http://www.youtube.com/v/2HlVRNDOVe8"> </param> <embed src="http://www.youtube.com/v/2HlVRNDOVe8" type="application/x-shockwave-flash" width="425" height="350"> </embed> </object>
</div>
</html>
and move this to the top of your CSS.

.homepage #myCountdown {display: block;}
#myCountdown {display: none;}

[Allen]

The reason the CSS is not working at the bottom is you
have a ( instead of a { .

Change red here
.loggedIn .category_VIDEOS .journal_entry
(display: block;}

to this
.loggedIn .category_VIDEOS .journal_entry
{display: block;}


Edit:
All you have to do in your footer code is

change this
<p align="center"> </p><div id="myCountdown">
to this
<div id="myCountdown" align="center">

[canonrt]

Guys thanx for the talent & most of all the patience!

Have I used up my quota of pain in the butt problems for the month or can I ask 2 more related things? (thank goodness the month is almost over)

1. The second video I just uploaded & changed the code looking at yours worked except it is off center & I can't find why.

2. Originally we were hideing the graphic after choosing the video, its now visable on the bottom when playing the video.

I promise to go to bed & leave you alone..............John






Change this in your footer.

<p align="center">
</p><div id="myCountdown">
<iframe src="http://www.7is7.com/otto/countdown.html?year=2007&amp;month=7&amp;date=8&amp;hrs=18&amp;min =0&amp;sec=0&amp;tz=local&amp;title=BRIDGEMEN%20COUNTDOWN%20FO R%20THE%20DCI%20EASTERN%20CLASSIC%20IN%20ALLENTOWN %2CPA&amp;lang=en&amp;show=dhms&amp;mode=r&amp;cdir=down&amp;bgcolor=% 23000000&amp;fgcolor=%23FFFF00" style="overflow: hidden; width: 60.6em; height: 44.8em;" frameborder="0" height="700" scrolling="no" width="900"><a href="http://www.7is7.com/otto/countdown.html?year=2007&amp;amp;month=7&amp;amp;date=8&amp;am p;hrs=18&amp;amp;min=0&amp;amp;sec=0&amp;amp;tz=local&amp;amp;titl e=BRIDGEMEN%20COUNTDOWN%20FOR%20THE%20DCI%20EASTER N%20CLASSIC%20IN%20ALLENTOWN%2CPA&amp;amp;lang=en&amp;amp; show=dhms&amp;amp;mode=r&amp;amp;cdir=down&amp;amp;bgcolor=%23 000000&amp;amp;fgcolor=%23FFFF00">BRIDGEMEN COUNTDOWN FOR THE DCI EASTERN CLASSIC IN ALLENTOWN,PA</a></iframe>
</div>
to this, Moves the centering inside the div and removes the <p>'s

<div id="myCountdown" align="center">
<iframe src="http://www.7is7.com/otto/countdown.html?year=2007&amp;month=7&amp;date=8&amp;hrs=18&amp;min =0&amp;sec=0&amp;tz=local&amp;title=BRIDGEMEN%20COUNTDOWN%20FO R%20THE%20DCI%20EASTERN%20CLASSIC%20IN%20ALLENTOWN %2CPA&amp;lang=en&amp;show=dhms&amp;mode=r&amp;cdir=down&amp;bgcolor=% 23000000&amp;fgcolor=%23FFFF00" style="overflow: hidden; width: 60.6em; height: 44.8em;" frameborder="0" height="700" scrolling="no" width="900"><a href="http://www.7is7.com/otto/countdown.html?year=2007&amp;amp;month=7&amp;amp;date=8&amp;am p;hrs=18&amp;amp;min=0&amp;amp;sec=0&amp;amp;tz=local&amp;amp;titl e=BRIDGEMEN%20COUNTDOWN%20FOR%20THE%20DCI%20EASTER N%20CLASSIC%20IN%20ALLENTOWN%2CPA&amp;amp;lang=en&amp;amp; show=dhms&amp;amp;mode=r&amp;amp;cdir=down&amp;amp;bgcolor=%23 000000&amp;amp;fgcolor=%23FFFF00">BRIDGEMEN COUNTDOWN FOR THE DCI EASTERN CLASSIC IN ALLENTOWN,PA</a></iframe>
</div>
Remove from the bottom of your CSS and put this at the top of
your CSS and see if it works there.

.homepage #myCountdown {display: block;}

#myCountdown {display: none;}

[brandofamily]

Make sure you don't have "hide owner" selected in the customuzation for video #2... I'm not seeing any user customization code...

As for centering, compare the code from the 1st and 2nd videos... if you post it I'll look too...

[brandofamily]

retype this piece of the code for the 2nd and 3rd galleries

<div align=”center”>

I'm not sure what it is but when I view your source code and search for this piece it will not find it with the standard " typed...

[Allen]

retype this piece of the code for the 2nd and 3rd galleries

<div align=”center”>
I'm not sure what it is but when I view your source code and search for this piece it will not find it with the standard " typed...
Brando, those look like right end quotes from Word, good catch. They are not pure text.

canonrt, please use a text editor like notepad and not a word processor..

[canonrt]

OIC, I have been using Word!

I will try it out later.............THanx again guys...................John



Brando, those look like right end quotes from Word, good catch. They are not pure text.

canonrt, please use a text editor like notepad and not a word processor..

[jennifer]

You can put all the videos in a separate gallery and if you add this to your
CSS only the video will show and not the special thumb above the video.
#mainImageLink {display:none;}

Allen, do you (or anyone?) know of a way to remove the special thumb if the video is embedded in a gallery with photos also? I'd love to be able to have both! I thought I read about some code somewhere that would display images only of a certain size, but I can't remember where I read it.

Jennifer

[ethemoon]

They way I do it, is to upload a thumbnail-size still from the video (with an added "play" button) as the photo, and embed the video code in the caption field.

This also allows the videos to be keyworded, just like a normal photo.

See this gallery (http://pbolchover.smugmug.com/gallery/2422234) for some examples
The play button is not added to the picture...i cannot grab the image with it on..i am not sure what you mean by added play button.. i can only get the image off youtube without the play button. How do i put that button on?

[brandofamily]

How do i put that button on?
photoshop... see post number 11... he posted the button image... it's then up to you to create the thumbs...
FYI: make the thumb pic to the dimension ratio your planning on using in the gallery... zooming the thumbnail does not work so well for this...
good luck...
Oh, I saved the button as a tiff since I was working w/ tiffs in PS (make sure to save it as the same resolution as your iameg your working with to created the thumb)... I created 1200px by 1200 px images and the button seemed to fit nicely...

[ethemoon]

photoshop... see post number 11... he posted the button image... it's then up to you to create the thumbs...
FYI: make the thumb pic to the dimension ratio your planning on using in the gallery... zooming the thumbnail does not work so well for this...
good luck...
Oh, I saved the button as a tiff since I was working w/ tiffs in PS (make sure to save it as the same resolution as your iameg your working with to created the thumb)... I created 1200px by 1200 px images and the button seemed to fit nicely...
I was afraid of that..I don't know how to do that in photoshop.. any tips? I got both images but don't know how to put them together in one image.:dunno

[jennifer]

I was afraid of that..I don't know how to do that in photoshop.. any tips? I got both images but don't know how to put them together in one image.:dunno

Hi Louise,

If you have both images open in photoshop, simply copy the play button image and paste it into the thumbnail image. It will paste the play button onto a separately layer within your thumbnail image. You can move it around to your desired location, resize it, or make any other changes you wish, and then save the thumbnail image.

Hope that helps.

[brandofamily]

I was afraid of that..I don't know how to do that in photoshop.. any tips? I got both images but don't know how to put them together in one image.:dunno
as I said, the button image given here works nicely on a 1200px by 1200 px image... size the background image 1st... and flatten the thumbnail before saving...

[jennifer]

Anthony, do you know how I can get rid of the thumb displaying as the main picture (since the video is in the description)? It looks so awkward. I need the thumb for the link to the video, but I don't want it to display with the video. :scratch

[brandofamily]

Anthony, do you know how I can get rid of the thumb displaying as the main picture (since the video is in the description)? It looks so awkward. I need the thumb for the link to the video, but I don't want it to display with the video. :scratch
post a link... I'm not sure what you're asking...

[jennifer]

post a link... I'm not sure what you're asking...

Hopefully this works. i just threw it together for testing purposes.
http://www.smugmug.com/gallery/3200566/1/176420245

The image I uploaded for the thumb displays as the gallery image and the video displays as the description. I don't want the thumb image to display, only the video. I hope that makes sense?

[brandofamily]

Hopefully this works. i just threw it together for testing purposes.
http://www.smugmug.com/gallery/3200566/1/176420245

The image I uploaded for the thumb displays as the gallery image and the video displays as the description. I don't want the thumb image to display, only the video. I hope that makes sense?

1st, force the stlye to smugmug

here's my code

/*SM Video Gallery 2007*/
.gallery_2951399 #mainImage {display:none;}
.gallery_2951399 #caption_bottom {display:block !important; border:ridge 4px #D5B790; background-image: url(http://brandolinoimaging.com/photos/175911928-O.jpg) !important; width:600px; _background-image: url(http://brandolinoimaging.com/photos/175911948-O.jpg) !important; _width:592px; height:516px; padding:0; text-align:center;}
.gallery_2951399 #photoNavTop,
.gallery_2951399 #Tiny_175294006 {display:none;}

if you have FF WD tools it will make life easier in figuring out the code pieces...

[jennifer]

Thanks, Anthony. I do have FF WD, but I still haven't quite figured out how to use it to my advantage. I'll play around with your code and see if I can make it work for me.

[ethemoon]

Hi Louise,

If you have both images open in photoshop, simply copy the play button image and paste it into the thumbnail image. It will paste the play button onto a separately layer within your thumbnail image. You can move it around to your desired location, resize it, or make any other changes you wish, and then save the thumbnail image.

Hope that helps.
thanks Jennifer.. works like a charm:thumb

[jennifer]

1st, force the stlye to smugmug

here's my code

/*SM Video Gallery 2007*/
.gallery_2951399 #mainImage {display:none;}
.gallery_2951399 #caption_bottom {display:block !important; border:ridge 4px #D5B790; background-image: url(http://brandolinoimaging.com/photos/175911928-O.jpg) !important; width:600px; _background-image: url(http://brandolinoimaging.com/photos/175911948-O.jpg) !important; _width:592px; height:516px; padding:0; text-align:center;}
.gallery_2951399 #photoNavTop,
.gallery_2951399 #Tiny_175294006 {display:none;}
if you have FF WD tools it will make life easier in figuring out the code pieces...
I'm about to tear my hair out. I've tried everything I can think of, including mucking around with your code but nothing is giving me the result I want.

#mainImage {display:none} is close, but I want the main image to display for the rest of the photos. Just not the one that's actually an embedded video. Is there a way to suppress a single image? I've tried tacking the image ID# onto the code, but no go :dunno

[brandofamily]

I'm about to tear my hair out. I've tried everything I can think of, including mucking around with your code but nothing is giving me the result I want.

#mainImage {display:none} is close, but I want the main image to display for the rest of the photos. Just not the one that's actually an embedded video. Is there a way to suppress a single image? I've tried tacking the image ID# onto the code, but no go :dunno

I will expain what Idid and see if it helps as I am confused by what you are looking for...
1st I loaded the pre-made thumbs in the gallery along with a starting image... one that will show up 1st when the gallery is called from the navbar... this tid bit will not work if you click the gallery thumbs to nav to the gallery...
2nd I hid the main image and created a larger space for the #caption_bottom giving it a border and a back-ground image.
3rd I clicked on the starting image so I could get the url I need for the navbar... you can nav right to which ever image your want... default is the 1st image... but I want that starting image in the last space so I have to adjust the nav url
4th I hide the thumb of that starting image for a cleaner look.. thats the line w/ the "Tiny" code....
last I add the embed code into the caption of the image wrapping it in the <html> </html>

If any of this helps great, if not sorry.. I'm just not getting what you are after... :(

[jennifer]

I will expain what Idid and see if it helps as I am confused by what you are looking for...
1st I loaded the pre-made thumbs in the gallery along with a starting image... one that will show up 1st when the gallery is called from the navbar... this tid bit will not work if you click the gallery thumbs to nav to the gallery...
2nd I hid the main image and created a larger space for the #caption_bottom giving it a border and a back-ground image.
3rd I clicked on the starting image so I could get the url I need for the navbar... you can nav right to which ever image your want... default is the 1st image... but I want that starting image in the last space so I have to adjust the nav url
4th I hide the thumb of that starting image for a cleaner look.. thats the line w/ the "Tiny" code....
last I add the embed code into the caption of the image wrapping it in the <html> </html>

If any of this helps great, if not sorry.. I'm just not getting what you are after... :(
Thanks, Anthony. I think the reason your method works for you, is you only have videos in your gallery. Do you have any galleries that are a mix of photos and video?

My problem is the thumb is ALSO the main image. I've uploaded it as such. The video is simply a description of the main image (thumb). So when a user clicks on the video thumb, they are greeted with an embedded video (description) and the main image (thumb). I'd like to remove the main image in that case so ONLY the description (video) displays. If I remove the main image for the entire gallery, then actual photos won't display.

I appreciate your trying to help me. I wish I could clarify myself better, but perhaps I'm missing some key terminology here. Again if you could take a look at my test gallery, I'd appreciate it!

http://www.smugmug.com/gallery/3200566/

Again, first thumb (actual photo) needs mainImage (photo) to display. Second thumb (video) I'm hoping to suppress mainImage (thumb). I hope that makes sense!

Jennifer

[brandofamily]

Thanks, Anthony. I think the reason your method works for you, is you only have videos in your gallery. Do you have any galleries that are a mix of photos and video?

My problem is the thumb is ALSO the main image. I've uploaded it as such. The video is simply a description of the main image (thumb). So when a user clicks on the video thumb, they are greeted with an embedded video (description) and the main image (thumb). I'd like to remove the main image in that case so ONLY the description (video) displays. If I remove the main image for the entire gallery, then actual photos won't display.

I appreciate your trying to help me. I wish I could clarify myself better, but perhaps I'm missing some key terminology here. Again if you could take a look at my test gallery, I'd appreciate it!

http://www.smugmug.com/gallery/3200566/

Again, first thumb (actual photo) needs mainImage (photo) to display. Second thumb (video) I'm hoping to suppress mainImage (thumb). I hope that makes sense!

Jennifer

OK I follow you now... how many videos are you going to have? You may be able to do it, but you'll need individual code for each video clip... let me try something I'll be right back...

[brandofamily]

Thanks, Anthony. I think the reason your method works for you, is you only have videos in your gallery. Do you have any galleries that are a mix of photos and video?

My problem is the thumb is ALSO the main image. I've uploaded it as such. The video is simply a description of the main image (thumb). So when a user clicks on the video thumb, they are greeted with an embedded video (description) and the main image (thumb). I'd like to remove the main image in that case so ONLY the description (video) displays. If I remove the main image for the entire gallery, then actual photos won't display.

I appreciate your trying to help me. I wish I could clarify myself better, but perhaps I'm missing some key terminology here. Again if you could take a look at my test gallery, I'd appreciate it!

http://www.smugmug.com/gallery/3200566/

Again, first thumb (actual photo) needs mainImage (photo) to display. Second thumb (video) I'm hoping to suppress mainImage (thumb). I hope that makes sense!

Jennifer

what style are you going to force? Smugmug is all Ajax'ed and I think your out of luck.. how about another style???

[brandofamily]

looks like a no go... the mainimage does not seem to have an individual code for each image... alteast not that I can find...

[jennifer]

looks like a no go... the mainimage does not seem to have an individual code for each image... alteast not that I can find...

Bummer!! Well, thanks anyway Anthony. I really appreciate your trying. At least I feel somewhat vindicated. I thought for sure I was just missing something elementary. Maybe I'll make a suggestion in the feature requests thread. :D

[madexpat]

They way I do it, is to upload a thumbnail-size still from the video (with an added "play" button) as the photo, and embed the video code in the caption field.

This also allows the videos to be keyworded, just like a normal photo.

See this gallery (http://pbolchover.smugmug.com/gallery/2422234) for some examples

Hi -

I saw your gallery and like being able to include video clips (google video links) WITH photos in the same gallery. I've tried it and it works, except I get a huge photo above the video window top right instead of a small one like yours.

Could you point me in the right direction to fix this?

Appreciate it.

Tx - PC

[jennifer]

Hi -

I saw your gallery and like being able to include video clips (google video links) WITH photos in the same gallery. I've tried it and it works, except I get a huge photo above the video window top right instead of a small one like yours.

Could you point me in the right direction to fix this?

Appreciate it.

Tx - PC

Make sure the image you're uploading is of thumbnail size. I can't recall the exact dimensions off the top of my head, but viewing the properties of any thumbnail image in your gallery should give you the information.

Hope that helps.

[madexpat]

Make sure the image you're uploading is of thumbnail size. I can't recall the exact dimensions off the top of my head, but viewing the properties of any thumbnail image in your gallery should give you the information.

Hope that helps.

Thanks! I figured it out while waiting also! Got some nice things ging on now - It's so fun!

http://madexpat.smugmug.com/gallery/3325409/1/187418015#187418015

- PC

[toferbaseball]

Thanks to the helpful people in here, I got my videos going too!

[darryl]

Hey, I really liked PBolchover's examples because you could mix Photos and Videos in the same gallery. But those mini thumbs really bug me. I think I found a solution I can live with. None of the other photos in my gallery are captioned, so I used this code to put the caption (which includes the video) *above* the photo:


.gallery_3789446 #caption_top {
display: block !important;
}
.gallery_3789446 #caption_bottom {
display: none;
}

This is on a private site, but I'll try to throw together an example on my public site later today so people can see what it looks like.

Edit: Here's that example: http://gladlee.smugmug.com/gallery/3711094#218848950

So yeah, if you have captions on your photos, they'll look funny above the image. But if you don't caption your images (in other words, if you're lazy like me), it works well, and prevents people from accidentally clicking on the fake thumbnail, or just thinking "What's that stupid thumbnail doing above the video?" At least here on my crappy 1024x768 screen, the thumbnail falls "below the fold".

Another hack, I suppose, would be to disable lightbox for this gallery. But the captions don't show up in non-lightbox pop-up window view either, so enh. I guess the best thing would be to disable clicks altogether, a la the journal hack. But then people wouldn't be able to see the images full-screen. Oh the dilemma! If only (http://www.phanfare.com) there was a service that treated Video and Photos as equal citizens. :P

But this will do for the occasional video I want to post to SmugMug but not convert to crappy MPEG-1. (I couldn't get my 5-minute little AVI to convert to MPEG-1 and be smaller than 40MB, because I didn't want to compromise on quality or size.) Also, Phanfare's bitrate options are sooooo much better than YouChoob or Google Video.