Try this:
$('object').click(function(){
$(this).find('embed').css({width:500px,height:500px});
});
2009/6/4 AndyW <awyso...@absoftware.com>
>
> My page basically puts in a few YouTube videos on my page
>
> <object class="YTV" ...><param ...></param><param ...></param><embed
> height="" width=""...></embed></object>
> <object class="YTV" ...><param ...></param><param ...></param><embed
> height="" width=""...></embed></object>
> <object class="YTV" ...><param ...></param><param ...></param><embed
> height="" width=""...></embed></object>
>
>
> In my document ready function I do the following
>
> $("object.YTV > *").bind('click', function(e){
>
> alert( $(this).html() ); /* this show the HTML code within the
> OBJECT tag */
>
> var emb1 = $(this).contains("embed").html();
> var emb2 = $("embed", this).html();
>
> alert( emb1 );
> alert( emb2 );
>
> });
>
>
> My end goal is to change the width and height of the <EMBED ...> tag
> like they do on FaceBook where when you click on a video, the video
> display gets bigger.
>
> Since there are a few of these objects on the page. How in my bind
> (click) code do I figure out and update the EMBED tag that is
> contained within the OBJECT tag.
>
> If I set the EMBED tag with a unique ID= I can update it, but for the
> life of me I'm missing how to parse out the inter HTML code that is
> within the OBJECT tag that I can see in my $(this).html() ?
>
> Thanks
> Andy
>
--
Gustavo Salome Silva
