473,382 Members | 1,743 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,382 software developers and data experts.

was wondering in youtube how do they do this



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
5 2098

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

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

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

"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 thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

2
by: anil2005 | last post by:
Hi Everyone, i am developing one portal, in which i need to integrate youtube website's video. youtube is providing one ifame code if i use that , i can successfully emmebed the video's in...
12
by: Terry Reedy | last post by:
In a thread on the PyDev list, Guido van Rossum today wrote: In reply, Simon Brunning noted:
2
by: AngelDude | last post by:
I've done loads of googling trying to find an answer to this question....so advice, experience would be appreciated. I downloaded a software application last week and among other things, it...
5
by: Leif K-Brooks | last post by:
Thought this might amuse some of you: <http://youtube.com/results?search_query=korect+my+speling> I'd heard that YouTube uses Python, but it's fun to see proof of that, even if it comes in the...
3
XtinaS
by: XtinaS | last post by:
I'm trying to write a script for Greasemonkey that will, in LiveJournal, replace a placeholdered embedded YouTube thing with a link to the video. In LiveJournal, you can set an option to have a...
0
by: ahmad | last post by:
New youtube video http://www.youtube.com/watch?v=2R31xnFeL2Q http://www.youtube.com/watch?v=tWxFZRgh664 http://www.youtube.com/watch?v=K20FaUQpCEk ...
7
by: alexus | last post by:
what's the best way to "extract" videos from youtube?
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...
0
by: ryjfgjl | last post by:
In our work, we often need to import Excel data into databases (such as MySQL, SQL Server, Oracle) for data analysis and processing. Usually, we use database tools like Navicat or the Excel import...
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.