We help IT Professionals succeed at work.

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

Medium Priority
459 Views
Last Modified: 2012-05-12
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.
Comment
Watch Question

Ivano ViolaSystem Administrator

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

Author

Commented:
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.

Ivano ViolaSystem Administrator

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

Ivano ViolaSystem Administrator

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

Author

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

Author

Commented:
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.
Ivano ViolaSystem Administrator

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

Author

Commented:
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
System Administrator
Commented:
What about this?

IV
GetMeOut-website-v2.doc

Author

Commented:
Ivan: U da Man!  Thanks a bunch!

Author

Commented:
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.
Ivano ViolaSystem Administrator

Commented:
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
Ivano ViolaSystem Administrator

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

Thanks,
IV

Explore More ContentExplore courses, solutions, and other research materials related to this topic.