Videos question

EileronEileron Registered Users Posts: 23 Big grins
edited November 7, 2007 in SmugMug Support
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
«13

Comments

  • AndyAndy Registered Users Posts: 50,016 Major grins
    edited April 30, 2007
    Eileron wrote:
    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,

    Eil
    Open to anyone!

    wave.gif welcome :D
    Andy

    Portfolio • Workshops • Facebook • Twitter
  • PBolchoverPBolchover Registered Users Posts: 909 Major grins
    edited April 30, 2007
    Eileron wrote:
    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 for some examples
  • AndyAndy Registered Users Posts: 50,016 Major grins
    edited April 30, 2007
    PBolchover wrote:
    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 for some examples
    clap.gifclap.gif
    Andy

    Portfolio • Workshops • Facebook • Twitter
  • AllenAllen Registered Users Posts: 10,015 Major grins
    edited April 30, 2007
    PBolchover wrote:
    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 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;}
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • brandofamilybrandofamily Registered Users Posts: 2,013 Major grins
    edited April 30, 2007
    PBolchover wrote:
    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 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...
  • EileronEileron Registered Users Posts: 23 Big grins
    edited April 30, 2007
    Allen wrote:
    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!
  • AllenAllen Registered Users Posts: 10,015 Major grins
    edited April 30, 2007
    Eileron wrote:
    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.
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • PBolchoverPBolchover Registered Users Posts: 909 Major grins
    edited April 30, 2007
    brandofamily wrote:
    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...
  • brandofamilybrandofamily Registered Users Posts: 2,013 Major grins
    edited May 2, 2007
    PBolchover wrote:
    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 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?
  • PBolchoverPBolchover Registered Users Posts: 909 Major grins
    edited May 2, 2007
    brandofamily wrote:
    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.
  • brandofamilybrandofamily Registered Users Posts: 2,013 Major grins
    edited May 2, 2007
    PBolchover wrote:
    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...
  • PBolchoverPBolchover Registered Users Posts: 909 Major grins
    edited May 2, 2007
    brandofamily wrote:
    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)
  • jfriendjfriend Registered Users Posts: 8,097 Major grins
    edited May 2, 2007
    brandofamily wrote:
    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.
    --John
    Homepage • Popular
    JFriend's javascript customizations • Secrets for getting fast answers on Dgrin
     Always include a link to your site when posting a question
  • brandofamilybrandofamily Registered Users Posts: 2,013 Major grins
    edited May 2, 2007
    jfriend wrote:
    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...
  • brandofamilybrandofamily Registered Users Posts: 2,013 Major grins
    edited May 2, 2007
    I put the code in the caption, but the videos don't play...ne_nau.gif
  • brandofamilybrandofamily Registered Users Posts: 2,013 Major grins
    edited May 3, 2007
    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>
  • brandofamilybrandofamily Registered Users Posts: 2,013 Major grins
    edited May 4, 2007
    Could this thread be moved to Customization forum please... maybe it will draw more attention and get me up and running...
    Thanks
  • scwalterscwalter Registered Users Posts: 417 Major grins
    edited May 4, 2007
    brandofamily wrote:
    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
    Scott Walter Photography
    scwalter.smugmug.com
  • richWrichW Registered Users Posts: 941 Major grins
    edited May 4, 2007
    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:

    brandoVideoGrab.jpg
  • brandofamilybrandofamily Registered Users Posts: 2,013 Major grins
    edited May 4, 2007
    richW wrote:
    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:

    brandoVideoGrab.jpg

    THANKS...bowdown.gifbow
    I've been working on this site on and off for so long I forgot I did that...
  • richWrichW Registered Users Posts: 941 Major grins
    edited May 4, 2007
    brandofamily wrote:
    THANKS...<img src="https://us.v-cdn.net/6029383/emoji/bowdown.gif&quot; border="0" alt="" >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
  • brandofamilybrandofamily Registered Users Posts: 2,013 Major grins
    edited May 4, 2007
    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...
  • brandofamilybrandofamily Registered Users Posts: 2,013 Major grins
    edited May 5, 2007
    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?
  • brandofamilybrandofamily Registered Users Posts: 2,013 Major grins
    edited May 5, 2007
    brandofamily wrote:
    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...
  • charlesscharless Registered Users Posts: 17 Big grins
    edited May 20, 2007
    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?
  • ivarivar Registered Users Posts: 8,395 Major grins
    edited May 20, 2007
    charless wrote:
    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.
    Ivar
    www.ivarborst.nl & smugmug
  • charlesscharless Registered Users Posts: 17 Big grins
    edited May 20, 2007
    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.
  • canonrtcanonrt Registered Users Posts: 26 Big grins
    edited June 26, 2007
    Video Help
    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

    https://www.youtube.com/watch?v=2HlVRNDOVe8


    #2

    https://www.youtube.com/watch?v=2HlVRNDOVe8


    #3

    https://www.youtube.com/watch?v=tc876raPKf4
  • AllenAllen Registered Users Posts: 10,015 Major grins
    edited June 26, 2007
    canonrt wrote:
    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"&gt; </param> <embed src="http://www.youtube.com/v/2HlVRNDOVe8&quot; 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"&gt; </param> <embed src="http://www.youtube.com/v/2HlVRNDOVe8&quot; 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"&gt; </param> <embed src="http://www.youtube.com/v/tc876raPKf4&quot; 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>[COLOR=red]BRIDGEMEN COLOR GUARD[/COLOR]</h2>
[COLOR=red]<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>[/COLOR]
<p>[COLOR=red]HYPE![/COLOR]</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;}
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • canonrtcanonrt Registered Users Posts: 26 Big grins
    edited June 26, 2007
    Thanx but also..............
    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"


    Allen wrote:
    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>[COLOR=red]BRIDGEMEN COLOR GUARD[/COLOR]</h2>
[COLOR=red]<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>[/COLOR]
<p>[COLOR=red]HYPE![/COLOR]</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;}
Sign In or Register to comment.