Link to home
Start Free TrialLog in
Avatar of apr8
apr8

asked on

Don't know where to embed YouTube video code in my web page

I would like to embed my new YouTube video into the following webpage: www.getmeout.ca/index_files/Page496.htm

I tried to paste the code before the body>, after the <body, etc., all with no success.  Whereever I have tried pasting the YouTube code fragment, it ends up at the top left of the screen of the above web page.

Can someone view the source of the above webpage and let me know exactly where I should paste the YouTube code fragment?  Also, I have two choices of fragment: iframe and older html embed code, I've tried both and same behaviour (pasting in different areas always make the youtube video show up in upper left of webpage.
Avatar of Ivano Viola
Ivano Viola
Flag of United States of America image

apr8,

Find attached an update home page which includes an embedded youtube video. Just replace the youtube code with the video you would like.

Hope this is what you want.

IV
Page496.htm
Avatar of apr8
apr8

ASKER

That totally did not work.
What did you use to develop the HTML for this site?

It looks like it was developed in Microsoft Word, which means there is a lot of extra garbage code that is causing things to be positioned absolutely on the page. (all the position:absolute; in the code)

All of the VML (v:group, v:rect) etc is added code that is not needed.


I would recommend you either add the YouTube video through the interface you are using to generate the HTML (such as Microsoft Word), or use a better HTML Visual Editor such as DreamWeaver or Frontpage (which costs money), or write the HTML from scratch as it seems to be a simple site.

You will not be able to just add the embed code into the source of the page you referenced without serious clean up of the code.

What did not work about it? I'm here to help....
post your link to the youtube video you would like to use.

I added the following code to your page:
<span style="position:absolute; z-index:50; left:190px; top:414px; width:554px; height:269px">
<table width="555" height="269" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td style="vertical-align: top;" height="52" valign="bottom" width="274"><!--[endif]-->
        <div v:shape="_x0000_s1172" style="padding:2.85pt 2.85pt 2.85pt 0pt" class="shape">
          <p class="MsoAddress"><span style="font-size:11.0pt;line-height:
  125%;font-family:Georgia;color:#0073A9;language:en-US" lang="en-US"><iframe width="560" height="315" src="http://www.youtube.com/embed/Pm6IXg1oEL4" frameborder="0" allowfullscreen></iframe></span></a></p>
        </div>
        <!--[if !vml]--></td>
    </tr>
  </tbody>
</table>
</span>

Open in new window


The YouTube code you need to replace is:
<iframe width="560" height="315" src="http://www.youtube.com/embed/Pm6IXg1oEL4" frameborder="0" allowfullscreen></iframe>

Avatar of apr8

ASKER

OK, I'm using Publisher to generate my pages, granted I'm not leading edge, but that is what I am working with.  I uploaded your revised htm file to my host and the web page did not display correctly at all, with "endif!' statements written all over the page when viewed in IE.  I hadn't saved the original version so I had to re-publish my files again an upload everything.

The youtube video I want to add on my www.getmeout.ca/Page498.htm file would be best placed under the horizontal blue line under the "E-mail" info.

The YouTube video is at:http://www.youtube.com/watch?v=HLGd5qm6joM
Avatar of apr8

ASKER

BTW, I had also tried to insert the YouTube code fragment using Publisher itself, but that did not work either.  When I tried that, the video did not appear at all when I published my web pages.
Sorry....this is what I saw when I previewed it in Firefox. When I used IE I saw the endif statements.
Can you post the publisher file?
Untitled-1.jpg
Avatar of apr8

ASKER

well, I tried to upload but I guess *.pub files are not acceptable, so I've renamed it *.doc for the upload... GetMeOut-website-v2.doc
ASKER CERTIFIED SOLUTION
Avatar of Ivano Viola
Ivano Viola
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of apr8

ASKER

Ivan: U da Man!  Thanks a bunch!
Avatar of apr8

ASKER

I've requested that this question be closed as follows:

Accepted answer: 0 points for apr8's comment http:/Q_27432568.html#37086698

for the following reason:

From tears of sorrow to tears of joy... thanks Ivan.
You're welcome. I think you meant to accept my solution as the answer (#37086698). Will ask a moderator to change that.

Glad we got there in the end.

IV
Author accidentally accepted his post as the answer instead of ID: 37086681.

Thanks,
IV