was wondering in youtube how do they do this

[kevin]

If you go here http://www.youtube.com/ how do they put the plus button over
the image? Also is it possible to include more the one button.

Thanks..

 

[cwdjrxyz]

If you go here http://www.youtube.com/ how do they put the plus button over
the image? Also is it possible to include more the one button.

YouTube and Google videos usually are flash, including the one you
mention. If you examine the temporary cache after playing a YouTube or
Google flash video, you find that it often is a construct of a .flv
movie file and various overlays which can include buttons, logos, etc.
I suspect this is being done with some complex flash-specific scripts
rather than standard javascript. Someone at a flash NG might be able to
give you more details. On Google, some of the free videos have an
option to download the movie to be played on a Google player. This
download often is a .avi of much higher resolution than the flash
version of the video that you view online. The url of a Google download
is something to behold. It has many attributes and can easily fill a
whole line across the monitor or more.

 

[kevin]

This isn't flash this is a button over a image. Just go here http://www.youtube.com/
you see the button its green when u hover over it in IE it will say add
video to qucik links. How did they get the Green button over that image.
Also is it possible to put more then one button over the image.

Thanks...

Hello cwdjrxyz,

 

[cwdjrxyz]

This isn't flash this is a button over a image. Just go here http://www.youtube.com/
you see the button its green when u hover over it in IE it will say add
video to qucik links. How did they get the Green button over that image.
Also is it possible to put more then one button over the image.

Thanks...

Hello cwdjrxyz,

I thought you were referring to the start button over the featured
video which is Primevial. However, on looking using IE, I could find no
green button over an image that says add to quick links when you hover
over it. I am not a member of YouTube, and my guess is that you have to
sign up with them to activate this feature. However, since I was
looking at what was going on with the start button over the featured
Primevial movie, I will show you what I found below.

Be it a built in button in a flash file, or a conventional link button,
if you can build in one, you likely can build in more. For a
conventional link buttons, you might be able to put them in a division
using absolute positioning to place them anywhere on the page you wish,
including over an image. The z-index would need to be set higher than
that for a division containing the image.

___________________________________________________________________________

On main Page:

<div id="hpEmbedUnderBlock">
<table cellpadding="0" cellspacing="0" width="100%"><tr
valign="top">
<td width="80%"> <!-- begin embedInfo -->
<div class="vtitle"><a href="/watch?v=RARfk8cXPeg">Primeval -
Official Trailer</a></div>
<div class="vfacets">

<span class="grayText">From:</span> <i><a href="/user/JJP047"
class="dg">JJP047</a></i><br/>
<span class="grayText">Comments:</span> <a
href="/comment_servlet?all_comments&v=RARfk8cXPeg&fromurl=/watch?v=RARfk8cXPeg">54</a>
</div>



______________________________

URL of video being watched:

Embed:
<object width="425" height="350"><param name="movie"
value="

"></param><param
name="wmode" value="transparent"></param><embed
src="

"
type="application/x-shockwave-flash" wmode="transparent" width="425"
height="350"></embed></object>

When you go to the movie directly entering the url in the above embed
it takes you to the flash movie which has the start arrow over it built
in

When you clear the Opera temporary cache, go to the above embed video
url, play it through, and then, without turning the browser off, go to
the Opera temporary cache, you find the files downloaded. One is the
flash with the large start arrow in the center built in as part of
flash. The actual movie, without start arrows or logo, is a very large
..flv movie file(a favorite of flashers!). There are two redirect files,
and a jpg used to build up the final composite the flash player uses.
You are seing some quite advanced flash that apparently builds up a
composite of a .flv movie a jpg, etc. Some server side code, that can
not be seen, likely is involved. One thing is for sure. The large start
arrow over the video is not part of the main page, but part of the
composite flash file. Flash has become much more complex than a few
years ago when it mainly was used for simple animations. It can now
include start and stop buttons, be scripted with special script, etc. I
am not an expert on flash because I do not want to buy their expensive
authoring software and prefer other formats such as .wmv, ,rm, or .mov
for movies. However the baby flash of a few years ago is now a powerful
adult.

 

[kevin]

Hello cwdjrxyz,

If you go here http://www.youtube.com/ look at Featured Videos the first
image you will see is a gray button looks like a plus sign. When you hover
over it turns green. How do they place that image over on top another image.
Is a CSS style sheet?

Thanks...

 

[Tim B]

"kevin" wrote

Hello cwdjrxyz,

If you go here http://www.youtube.com/ look at Featured Videos the first
image you will see is a gray button looks like a plus sign. When you hover
over it turns green. How do they place that image over on top another image.
Is a CSS style sheet?

A style is used to place the image over the other image, though it's
actually an inline style, written out with javascript using
document.write(). It took me only a minute ot two to find the code using
Firefox with the Web Developer extension..