embedding at DVinfo.net

Go Back   DV Info Net > Cross-Platform Post Production Solutions > Distribution Center > Flash / Web Video


Reply
 
Thread Tools Search this Thread
Old October 14th, 2009, 06:41 PM   #1
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
Ed Kukla is offline   Reply With Quote
Old October 15th, 2009, 12:22 AM   #2
Inner Circle
 
Join Date: Sep 2003
Location: Portland, Oregon
Posts: 3,259
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.
Seth Bloombaum is offline   Reply With Quote
Old October 21st, 2009, 02:17 PM   #3
Trustee
 
Join Date: Jul 2005
Location: Willmar, MN
Posts: 1,400
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.
Chris Davis is offline   Reply With Quote
Old October 22nd, 2009, 03:39 AM   #4
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.
Ed Kukla is offline   Reply With Quote
Old October 22nd, 2009, 04:41 AM   #5
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
Gareth Watkins is offline   Reply With Quote
Old October 22nd, 2009, 05:40 AM   #6
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
Ed Kukla is offline   Reply With Quote
Old October 22nd, 2009, 06:06 AM   #7
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
Gareth Watkins is offline   Reply With Quote
Old October 22nd, 2009, 11:05 AM   #8
Inner Circle
 
Join Date: Sep 2003
Location: Portland, Oregon
Posts: 3,259
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.
Seth Bloombaum is offline   Reply With Quote
Old October 22nd, 2009, 11:48 AM   #9
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.
Ed Kukla is offline   Reply With Quote
Old October 22nd, 2009, 02:28 PM   #10
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.)
Chris Davis is offline   Reply
Reply

DV Info Net refers all where-to-buy and where-to-rent questions exclusively to these trusted full line dealers and rental houses...

Professional Video
(800) 833-4801
Portland, OR

B&H Photo Video
(866) 521-7381
New York, NY

Z.G.C.
(973) 335-4460
Mountain Lakes, NJ

Abel Cine Tech
(888) 700-4416
N.Y. NY & L.A. CA

Precision Camera
(800) 677-1023
Austin, TX

DV Info Net also encourages you to support local businesses and buy from an authorized dealer in your neighborhood.
  You are here: DV Info Net > Cross-Platform Post Production Solutions > Distribution Center > Flash / Web Video

Thread Tools Search this Thread
Search this Thread:

Advanced Search

 



Google
 

All times are GMT -6. The time now is 04:59 AM.


DV Info Net -- Real Names, Real People, Real Info!
1998-2017 The Digital Video Information Network