embedding at DVinfo.net

Ed Kukla · October 14th, 2009, 05:41 PM

How do I embed youtube or vimeo onto a web page? Currently I have a link to a youtube page. I'd like the video frame right on my own web page

Seth Bloombaum · October 14th, 2009, 11:22 PM

Youtube and vimeo supply the embed code - find it, copy it, and paste it into the code of your html page. If you're using a product like dreamweaver, you need to be in code view to do this.

Chris Davis · October 21st, 2009, 01:17 PM

On YouTube, you'll find the embed code to the right of the video in a text box labeled "Embed". Copy that text and paste it into your page's html code. It will look like this:

Code:

<object width="853" height="505"><param name="movie" 
value="http://www.youtube.com/v/2JuP5s2SWTc&hl=en&fs=1&"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/2JuP5s2SWTc&hl=en&fs=1&" 
type="application/x-shockwave-flash" allowscriptaccess="always" 
allowfullscreen="true" width="853" height="505"></embed></object>

I don't know about Vimeo, but I'm sure it's similar.

Ed Kukla · October 22nd, 2009, 02:39 AM

I tried that but it didn't work. Not sure if I did something wrong.
I'm using Frontpage 2000. It has a popup dialog box that you paste hyperlinks into. I pasted the youtube embed code there and got nothing.

Gareth Watkins · October 22nd, 2009, 03:41 AM

Hi Ed

I don't use Frontpage but in Dreamweaver, I imagine you have a similar option... I don't use the hyperlink dialogue function... Instead, I view the page in html and paste the embed code into the space I want it to appear in...You are not really adding a hyperlink, but inserting a code into your site...

I usually format the page in tables so I can centre the video.

I've found with html you often have to go in and tweak the code to get things to work as you want... the automated add functions don't always do this perfectly... here'smy video page, if you click on a clip you'll see how it embeds just fine...
Gwenllyn Productions

Regards
Gareth

Ed Kukla · October 22nd, 2009, 04:40 AM

Gareth
I went to your site, saw the vimeo player.

I still can't get that to work. When I copy the youtube or the vimeo embed code and paste it directly into the html, I get a box with a red X on it, not the vimeo player

Gareth Watkins · October 22nd, 2009, 05:06 AM

Hi Ed

Not sure what to tell you now... this was how I did it and never had a problem... Don't know if anyone else has any ideas....

Cheers
Gareth

Seth Bloombaum · October 22nd, 2009, 10:05 AM

Chris' example is good. Notice that the code starts with an object tag, and ends with one. Each tag is enclosed by carat signs. You must copy and paste it all, including the carat signs.

This doesn't go in a hyperlink popup box.

It doesn't go in your graphic layout, where you see pictures and text.

It goes in the html code view, where you see similar looking code.

Reading the existing html code, you'll see various tags, nested as below:

Code:

<html>
<head>
a bunch of stuff
</head>
<body (more stuff here in this tag, probably)>
Page content tags & code here. THIS IS WHERE YOUR VIDEO CODE GOES!
</body>
</html>

Your copied code from youtube or vimeo goes in the body section of the html code. You need to be careful to copy all the code, not to remove any existing code when you paste. Don't paste in the middle of any existing tags (enclosed by carat signs) - you need to paste between them.

I've never worked with frontpage - the above should cover any html editor. Most editors, you can park your cursor in the wysiwyg/graphic view, then see it parked there in the code view, giving you some guidance on where to paste.

Some editors will offer you a "insert tag" popup when in wysiwyg/graphic view. If so, that's probably the easiest way to paste correctly.

If all this is still greek to you and doesn't work, you'll need to either get some direct help or learn some basic html, (or abandon the project!)

Ed Kukla · October 22nd, 2009, 10:48 AM

on both youtube and vimeo I copy the embed code completely. I open Frontpage 2000 and switch to the html view. I paste the embed code in the body, not interfering with any other code.

When I switch from HTML to "normal" view I get a red X where the viewer should be when I do either vimeo or youtube.

.................................................update............................................. ......................

...I just checked the "preview" tab and behold! There is the vimeo viewer. I uploaded and it works! I stopped on previous attempts when I saw the red X. It is still there but the website is playing fine.

Thanks all.

Chris Davis · October 22nd, 2009, 01:28 PM

It's been a long time since I've used FrontPage, but I believe the WYSIWYG ("Normal" tab) does not bother to try displaying Flash content (which is what Vimeo and YouTube are.) It's really more of a WYSIKOWYG display (what-you-see-is-kind-of-what-you-get.)

October 14th, 2009, 05:41 PM	#1
Ed Kukla Major Player Join Date: Mar 2008 Location: All over, USA Posts: 512	embedding How do I embed youtube or vimeo onto a web page? Currently I have a link to a youtube page. I'd like the video frame right on my own web page

October 14th, 2009, 11:22 PM	#2
Seth Bloombaum Inner Circle Join Date: Sep 2003 Location: Portland, Oregon Posts: 3,420	Youtube and vimeo supply the embed code - find it, copy it, and paste it into the code of your html page. If you're using a product like dreamweaver, you need to be in code view to do this. __________________ 30 years of pro media production. Vegas user since 1.0. Webcaster since 1997. Freelancer since 2000. College instructor since 2001.

October 22nd, 2009, 03:41 AM	#5
Gareth Watkins Major Player Join Date: Feb 2004 Location: France Posts: 578	Hi Ed I don't use Frontpage but in Dreamweaver, I imagine you have a similar option... I don't use the hyperlink dialogue function... Instead, I view the page in html and paste the embed code into the space I want it to appear in...You are not really adding a hyperlink, but inserting a code into your site... I usually format the page in tables so I can centre the video. I've found with html you often have to go in and tweak the code to get things to work as you want... the automated add functions don't always do this perfectly... here'smy video page, if you click on a clip you'll see how it embeds just fine... Gwenllyn Productions Regards Gareth __________________ www.gwenllyn.com

October 22nd, 2009, 05:06 AM	#7
Gareth Watkins Major Player Join Date: Feb 2004 Location: France Posts: 578	Hi Ed Not sure what to tell you now... this was how I did it and never had a problem... Don't know if anyone else has any ideas.... Cheers Gareth __________________ www.gwenllyn.com

October 22nd, 2009, 10:05 AM	#8
Seth Bloombaum Inner Circle Join Date: Sep 2003 Location: Portland, Oregon Posts: 3,420	Chris' example is good. Notice that the code starts with an object tag, and ends with one. Each tag is enclosed by carat signs. You must copy and paste it all, including the carat signs. This doesn't go in a hyperlink popup box. It doesn't go in your graphic layout, where you see pictures and text. It goes in the html code view, where you see similar looking code. Reading the existing html code, you'll see various tags, nested as below: Code: <html> <head> a bunch of stuff </head> <body (more stuff here in this tag, probably)> Page content tags & code here. THIS IS WHERE YOUR VIDEO CODE GOES! </body> </html> Your copied code from youtube or vimeo goes in the body section of the html code. You need to be careful to copy all the code, not to remove any existing code when you paste. Don't paste in the middle of any existing tags (enclosed by carat signs) - you need to paste between them. I've never worked with frontpage - the above should cover any html editor. Most editors, you can park your cursor in the wysiwyg/graphic view, then see it parked there in the code view, giving you some guidance on where to paste. Some editors will offer you a "insert tag" popup when in wysiwyg/graphic view. If so, that's probably the easiest way to paste correctly. If all this is still greek to you and doesn't work, you'll need to either get some direct help or learn some basic html, (or abandon the project!) __________________ 30 years of pro media production. Vegas user since 1.0. Webcaster since 1997. Freelancer since 2000. College instructor since 2001.

October 22nd, 2009, 02:39 AM	#4
Ed Kukla Major Player Join Date: Mar 2008 Location: All over, USA Posts: 512	I tried that but it didn't work. Not sure if I did something wrong. I'm using Frontpage 2000. It has a popup dialog box that you paste hyperlinks into. I pasted the youtube embed code there and got nothing.

October 22nd, 2009, 04:40 AM	#6
Ed Kukla Major Player Join Date: Mar 2008 Location: All over, USA Posts: 512	Gareth I went to your site, saw the vimeo player. I still can't get that to work. When I copy the youtube or the vimeo embed code and paste it directly into the html, I get a box with a red X on it, not the vimeo player

October 22nd, 2009, 10:48 AM	#9
Ed Kukla Major Player Join Date: Mar 2008 Location: All over, USA Posts: 512	on both youtube and vimeo I copy the embed code completely. I open Frontpage 2000 and switch to the html view. I paste the embed code in the body, not interfering with any other code. When I switch from HTML to "normal" view I get a red X where the viewer should be when I do either vimeo or youtube. .................................................update............................................. ...................... ...I just checked the "preview" tab and behold! There is the vimeo viewer. I uploaded and it works! I stopped on previous attempts when I saw the red X. It is still there but the website is playing fine. Thanks all.

October 22nd, 2009, 01:28 PM	#10
Chris Davis Trustee Join Date: Jul 2005 Location: Willmar, MN Posts: 1,400	It's been a long time since I've used FrontPage, but I believe the WYSIWYG ("Normal" tab) does not bother to try displaying Flash content (which is what Vimeo and YouTube are.) It's really more of a WYSIKOWYG display (what-you-see-is-kind-of-what-you-get.)