Clickable area around embedded YouTube videos

meegja

I am using the .txt method to display embedded YouTube videos with thumbnail and that works great.
But around the embedded video there is a clickable area. Finally figured out that ZenPhoto is treating the .txt file as an image and in doing so, it is giving the .txt file the dimensions as set in the Theme (in my case zpMasonry) options under Image Size.
I have a size set there of 1024 but the embedded YouTube video is (lets say) 640. So around below and to the right there is now a clickable area and when clicked, it shows the coding of the embedding (see as example http://www.3dart4u.com/index.php?album=videos&image=growing_chaos_in_order.txt for what I mean).
Is this something that can be changed or just a disadvantage of using the .txt method?
I know I can stop it by setting the "Full image protection" in Option/Image/ to "No access" but that is not what I want cause that means that visitors can not see my images in full size.

Thanx in advance,
Menno

acrylian

I am not familiar with this theme, it probably might wrap all images within a ``tag. Then any format will get that.

We use that ourselves and there is no clickable area:
http://www.zenphoto.org/screenshots/screencasts/crear-album-en-zenphoto-by-datatrusperu.txt.php The code for us looks likes this:
`
<?php if(isImagePhoto()) { ?>
" class="colorbox"><?php printCustomSizedImageMaxSpace(getBareImageTitle(),560,420,NULL,NULL,false); ?>
<?php } else { ?>
<?php printCustomSizedImage(getBareImageTitle(),560,700); ?>
<?php } ?>
`
So normal images get a full image link and all else none.

meegja

I am a total noob with PHP so that code is like abracadabra for me :P
But I did take a look at the coding of one of the pages with embedded video and there this is (between a tags):

`

`
As I understand it. that says that there is a "block" of 1024px and in there, there is the embedded video of 520px?

About the code you did give, where do I place that?

acrylian

Youtube videos or else are always within an iFrame, that is what Youtube actually provides nowadays.

Since the text-object trick is not originally meant for youtube videos all are treated the same within a block that follows the image size settings.

Why that would be clickable I cannot answer it is not for me in our theme and the code above is not really that special.

meegja

Mmm don't know what is going on then. Even when I use the Zenphoto default theme, I have the same problem: within the Theme options you have to set a default image size and that size is clickable with the embedded videos. Did try it with Firefox and IE but both have the same.
Thanx anyway for looking into it

Menno

fretzl

Try changing the embedded iframe width and height.

meegja

@fretzl
Did try that but that gives this problem: some videos are low resolution. When making those bigger, they become very pixelated.

acrylian

I was referring to our site's custom theme though. The default theme indeed has the image enclosed in a link as the "main" purpose is showing "real" images and this is meant to link to the full image. Since the text objects are just an extra "image" format they have that as well.

I don't know the theme you are using specifially but you will have to modify it.

meegja

Found a workaround (I think)
If I set the default image size to 0 in the Options/Theme part, then the real JPG images are getting scaled automaticly.
And there is no big, clickable border anymore around the YouTube .txt pages.

Problem solved. Thanx for thinking with me

slammin

I know this an older post, but I thought I'd post the solution for those still searching. Simply delete "display:block" from class-textobject_core.php.

There will no longer be scroll bars or a 'clickable area' YAY!

Hope this helps

acrylian

Why do you post the same twice? See the other topic for the best practice answer. The clickable area is because text objects are shown in the place of the sized images. Those are in all standard themes generally linked to the full image.