473,563 Members | 2,797 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

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 2114

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="hpEmbedUnde rBlock">
<table cellpadding="0" cellspacing="0" width="100%"><t r
valign="top">
<td width="80%"<!-- begin embedInfo -->
<div class="vtitle"> <a href="/watch?v=RARfk8c XPeg">Primeval -
Official Trailer</a></div>
<div class="vfacets" >

<span class="grayText ">From:</span<i><a href="/user/JJP047"
class="dg">JJP0 47</a></i><br/>
<span class="grayText ">Comments: </span<a
href="/comment_servlet ?all_comments&v =RARfk8cXPeg&fr omurl=/watch?v=RARfk8c XPeg">54</a>
</div>

_______________ _______________

URL of video being watched:
http://www.youtube.com/watch?v=RARfk8cXPeg
Embed:
<object width="425" height="350"><p aram name="movie"
value="http://www.youtube.com/v/RARfk8cXPeg"></param><param
name="wmode" value="transpar ent"></param><embed
src="http://www.youtube.com/v/RARfk8cXPeg"
type="applicati on/x-shockwave-flash" wmode="transpar ent" 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="hpEmbedUnde rBlock">
<table cellpadding="0" cellspacing="0" width="100%"><t r
valign="top">
<td width="80%"<!-- begin embedInfo -->
<div class="vtitle"> <a href="/watch?v=RARfk8c XPeg">Primeval -
Official Trailer</a></div>
<div class="vfacets" >
<span class="grayText ">From:</span<i><a href="/user/JJP047"
class="dg">JJP0 47</a></i><br/>
<span class="grayText ">Comments: </span<a
href="/comment_servlet ?all_comments&v =RARfk8cXPeg&fr omurl=/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"><p aram name="movie"
value="http://www.youtube.com/v/RARfk8cXPeg"></param><param
name="wmode" value="transpar ent"></param><embed
src="http://www.youtube.com/v/RARfk8cXPeg"
type="applicati on/x-shockwave-flash" wmode="transpar ent" 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
5498
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 to my website... but what is the problem is when i click on the list of videos from that frames it is going to the youtube site that is...
12
3319
by: Terry Reedy | last post by:
In a thread on the PyDev list, Guido van Rossum today wrote: In reply, Simon Brunning noted:
2
3655
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 churns out the code for emedding youtube videos into a web page, using a freeware flv movie player and NOT the one youtube usually supplies to...
5
1537
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 form of a minor bug.
3
3646
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 placeholder instead of the actual embedded YouTube video. This is what that code looks like: <div class="LJ_Placeholder_Container" style="width:...
0
1572
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 http://www.youtube.com/watch?v=sSutNlV4Tq0
7
2476
by: alexus | last post by:
what's the best way to "extract" videos from youtube?
0
7665
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main...
0
7583
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language...
0
7888
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. ...
0
7950
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the...
0
6255
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then...
0
3643
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in...
1
2082
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
1
1200
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
0
924
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating...

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.