Jump to content


These Forums Are Now Read-Only


For TubePress support, please post a question here or open a support ticket and we will be glad to assist.


Photo

Thumbnails in Pro version


  • Please log in to reply
6 replies to this topic

#1 Ronald Campbell

Ronald Campbell

    Newbie

  • Members
  • Pip
  • 2 posts

Posted 06 December 2010 - 05:06 PM

I'm pretty satisfied with the free Wordpress plugin, but the possibility of better-looking thumbnails makes me wonder if it's worth it to get the full version. I just wanted to ask: Is it easy/possible to have widescreen thumbnails if all the videos in the gallery are widescreen? Is that supported? Thanks.

#2 eric

eric

    Lead Developer

  • TubePress Staff
  • 2787 posts

Posted 06 December 2010 - 05:26 PM

Neither Vimeo nor YouTube has really great support for widescreen thumbnails. YouTube will add black bars to pad any thumb that's not 4:3. With Vimeo, most wide-screen videos seem to have a 16:9 option that TubePress Pro will pull back when you set the option for hq thumbnails. I say "most" because the thumbnails that are available for a given Vimeo video seems to vary based on video quality. Here's an example of a 16:9 Vimeo thumbnail (you can see that it's pretty large): http://b.vimeocdn.co...499844_640.jpg.

So in short, if you have a Vimeo gallery with all widescreen videos, then you're all set. Otherwise you'll have to live with the restrictions imposed by YouTube/Vimeo.

Hope this answers your question?

#3 Ronald Campbell

Ronald Campbell

    Newbie

  • Members
  • Pip
  • 2 posts

Posted 07 December 2010 - 03:50 PM

I think it does. Thanks.

#4 Peter Wiley

Peter Wiley

    Newbie

  • Members
  • Pip
  • 2 posts

Posted 29 December 2010 - 03:01 AM

I am brand new to tubepress, so I apologize if there is a better answer out there, but the following worked for me. I added a span tag to my gallery.tpl.php on about line 38 to wrap the thumbnail in and then added a class to my style sheet called tubepress_widescreen. I also tweaked the tubepress_thumb img class adding the position and top attributes. Essentially I emulated what YouTube does to create their own "widescreen" thumbnails. You can see the results here: http://blackeyedprod.../?content=video. I tested it in Safari, Firefox, IE 7 and IE 8 via http://browserlab.adobe.com.

<span class="tubepress_widescreen">
        <a id="tubepress_image_<?php echo $video->getId(); ?>_<?php echo ${org_tubepress_template_Template::GALLERY_ID}; ?>" rel="tubepress_<?php echo ${org_tubepress_template_Template::EMBEDDED_IMPL_NAME}; ?>_<?php echo ${org_tubepress_template_Template::PLAYER_NAME}; ?>_<?php echo ${org_tubepress_template_Template::GALLERY_ID}; ?>"> 
          <img alt="<?php echo htmlspecialchars($video->getTitle(), ENT_QUOTES, "UTF-8"); ?>" src="<?php echo $video->getThumbnailUrl(); ?>" width="<?php echo ${org_tubepress_template_Template::THUMBNAIL_WIDTH}; ?>" height="<?php echo ${org_tubepress_template_Template::THUMBNAIL_HEIGHT}; ?>" />
        </a>
</span>


.tubepress_widescreen {
	border: solid 2px #ffffff;
	height: 68px;
	width: 120px;
	display: block;
	position:relative;
	overflow:hidden;
}

.tubepress_thumb img {
	padding: 0px;
	display: block;
	margin: 0 auto ! important;
	-ms-interpolation-mode: bicubic;
	border: solid 1px #666666;
	position: absolute;
	top:-12px;
}


#5 eric

eric

    Lead Developer

  • TubePress Staff
  • 2787 posts

Posted 29 December 2010 - 03:54 PM

Very slick! Thanks for posting your solution. Looks great.

#6 Peter Wiley

Peter Wiley

    Newbie

  • Members
  • Pip
  • 2 posts

Posted 30 December 2010 - 01:28 AM

Thanks. And you're welcome. Thanks for a great piece of software.

#7 Darren Miller

Darren Miller

    Member

  • Members
  • PipPip
  • 12 posts

Posted 08 February 2011 - 02:53 PM

How do I get this to work if I want it to display two rows?