By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
440,854 Members | 856 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 440,854 IT Pros & Developers. It's quick & easy.

was wondering in youtube how do they do this

P: n/a


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...

----== Posted via Newsfeeds.Com - Unlimited-Unrestricted-Secure Usenet News==----
http://www.newsfeeds.com The #1 Newsgroup Service in the World! 120,000+ Newsgroups
----= East and West-Coast Server Farms - Total Privacy via Encryption =----
Jan 4 '07 #1
Share this Question
Share on Google+
5 Replies


P: n/a

kevin wrote:
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.

Jan 4 '07 #2

P: n/a

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,
kevin wrote:
>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.


----== Posted via Newsfeeds.Com - Unlimited-Unrestricted-Secure Usenet News==----
http://www.newsfeeds.com The #1 Newsgroup Service in the World! 120,000+ Newsgroups
----= East and West-Coast Server Farms - Total Privacy via Encryption =----
Jan 4 '07 #3

P: n/a

kevin wrote:
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,
kevin wrote:
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.

----== Posted via Newsfeeds.Com - Unlimited-Unrestricted-Secure Usenet News==----
http://www.newsfeeds.com The #1 Newsgroup Service in the World! 120,000+ Newsgroups
----= East and West-Coast Server Farms - Total Privacy via Encryption =----
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:
http://www.youtube.com/watch?v=RARfk8cXPeg
Embed:
<object width="425" height="350"><param name="movie"
value="http://www.youtube.com/v/RARfk8cXPeg"></param><param
name="wmode" value="transparent"></param><embed
src="http://www.youtube.com/v/RARfk8cXPeg"
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.

Jan 4 '07 #4

P: n/a
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...
kevin wrote:
>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,
>>kevin wrote:

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.
----== Posted via Newsfeeds.Com - Unlimited-Unrestricted-Secure
Usenet News==---- http://www.newsfeeds.com The #1 Newsgroup Service
in the World! 120,000+ Newsgroups ----= East and West-Coast Server
Farms - Total Privacy via Encryption =----
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=RAR
fk8cXPeg">54</a>
</div>
______________________________

URL of video being watched:
http://www.youtube.com/watch?v=RARfk8cXPeg
Embed:
<object width="425" height="350"><param name="movie"
value="http://www.youtube.com/v/RARfk8cXPeg"></param><param
name="wmode" value="transparent"></param><embed
src="http://www.youtube.com/v/RARfk8cXPeg"
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.


----== Posted via Newsfeeds.Com - Unlimited-Unrestricted-Secure Usenet News==----
http://www.newsfeeds.com The #1 Newsgroup Service in the World! 120,000+ Newsgroups
----= East and West-Coast Server Farms - Total Privacy via Encryption =----
Jan 5 '07 #5

P: n/a

"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..
Jan 6 '07 #6

This discussion thread is closed

Replies have been disabled for this discussion.