6 replies to this topic

[Ronald Campbell]

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.

[eric]

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?

[Ronald Campbell]

I think it does. Thanks.

[Peter Wiley]

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;
}

[eric]

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

[Peter Wiley]

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

[Darren Miller]

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