17 {{ upvoteCount | shortNum }}
17 {{ upvoteCount | shortNum }}

How Do I embed video in a html sales page?

by kaseyp
14 replies
I'm trying to embed a video into a html sales page template. I've looked at 3 different videos on Youtube on how to do this and none of what they were showing was working.

Does anybody know what I need to do this. I have uploaded my video to Youtube, so I can use that embed code.
#code #embed #html #page #sales #sales page #video #youtube
  • Profile picture of the author dewayneboyd
    Originally Posted by kaseyp View Post

    I'm trying to embed a video into a html sales page template. I've looked at 3 different videos on Youtube on how to do this and none of what they were showing was working.

    Does anybody know what I need to do this. I have uploaded my video to Youtube, so I can use that embed code.
    What editor are you using?
    Signature

    1,574,810 unique visitors and counting. And that's just one of my websites.

    {{ DiscussionBoard.errors[8779326].message }}
  • Profile picture of the author gcbmark20
    Hi,

    There's usually an "Embed" code that Y.T. gives you.

    It works for me all the time.

    Try that.

    Hope this helps.

    Best Regards
    Gavin
    Signature
    {{ DiscussionBoard.errors[8779345].message }}
  • Profile picture of the author TheUser
    Here's one way to do it:

    1. Get your youtube code from menu below your video (click share ---> embed)

    2. Put it in an iframe

    <iframe id="ytplayer" type="text/html" width="640" height="390" src="http://www.youtube.com/embed/M7lc1UVf-VE?autoplay=1&origin=http://www.google.com" frameborder="0"/>
    (autoplay=1 means the video will automatically play upon loading in the page. autoplay=0 sets it back to normal)

    3. Copy an paste it where you want to place it on your page using your editor\

    You can adjust the width and height by changing where it says " width="640" height="390"

    Let me know if that helps!
    {{ DiscussionBoard.errors[8779424].message }}
  • Profile picture of the author kaseyp
    I'm using Kompozer.

    I've tried simply adding the Youtube embed code already and that hasn't worked. I just get empty space.
    {{ DiscussionBoard.errors[8779444].message }}
    • Profile picture of the author jessiem
      Originally Posted by kaseyp View Post

      I'm using Kompozer.

      I've tried simply adding the Youtube embed code already and that hasn't worked. I just get empty space.
      Maybe you missed something? How did you place the code?
      {{ DiscussionBoard.errors[8781022].message }}
      • Profile picture of the author Mr Bill
        Originally Posted by jessiem View Post

        Maybe you missed something? How did you place the code?
        ummm...you might want to read the post just above yours.
        {{ DiscussionBoard.errors[8781172].message }}
        • Profile picture of the author Wade Watson
          I fooled around with Kompozer for awhile and finally dumped it because I kept having to correct all the code it was screwing up. You don't want to load, then save any existing code in it because it will mess it up royally.

          What I usually end up doing is just opening a good text editor (I like ConTEXT) and doing it all by hand. You can always save/scavenge blocks of code you have or find so the process so you don't have to write it all. I think this is the only way to end up with clean HTML that will work right.
          {{ DiscussionBoard.errors[8781845].message }}
  • Profile picture of the author Worrier9001
    I just looked at a sample embed code from youtube, and it doesn't work:

    <iframe width="560" height="315" src="//www.youtube.com/embed/H7jtC8vjXw8" frameborder="0" allowfullscreen></iframe>

    you will need to add http: before the // like highlighted below. see if that fixes it for you:

    <iframe width="560" height="315" src="http://www.youtube.com/embed/H7jtC8vjXw8" frameborder="0" allowfullscreen></iframe>
    {{ DiscussionBoard.errors[8779647].message }}
  • Profile picture of the author wayneh
    I've not tried this for Kompozer but it may help it converts YouTube embed code to Xhtml Valid XHTML YouTube embed code generator - Online tools
    Signature
    CLICK HERE for techniques and reviews of affiliate marketing training
    {{ DiscussionBoard.errors[8779828].message }}
  • Profile picture of the author WillR
    Show us the page and we can help but it's very hard to diagnose an exact problem without seeing the patient.
    Signature

    .


    .

    {{ DiscussionBoard.errors[8779877].message }}
    • Profile picture of the author kaseyp
      The page is mostly just has a bunch of images. I want to replace the first image with the video. Here is some of the code where I want the image replaced with a video.

      </tr>
      <tr>
      <td> <img src="images/index_10.png" alt=""
      height="428" width="850"></td>
      </tr>
      <tr>
      <td> <img src="images/index_11.png" alt=""
      height="408" width="850"></td>
      </tr>
      <tr>
      <td> <img src="images/index_12.png" alt=""
      height="382" width="850"></td>
      </tr>
      <tr>
      <td><font size="5"><b><br>
      {{ DiscussionBoard.errors[8780060].message }}
  • Profile picture of the author kaseyp
    Here's a link to the actual site if that helps. wpupopups.com. You can see an image on the page where I want to replace with the video.
    {{ DiscussionBoard.errors[8780084].message }}
  • Profile picture of the author Mr Bill
    Here ya go...

    </tr>
    <tr>
    <td> <iframe width="850" height="428" src="http://www.youtube.com/embed/H7jtC8vjXw8" frameborder="0" allowfullscreen></iframe> </td>
    </tr>
    <tr>
    <td> <img src="http://www.warriorforum.com/images/index_11.png" alt=""
    height="408" width="850"></td>
    </tr>
    <tr>
    <td> <img src="http://www.warriorforum.com/images/index_12.png" alt=""
    height="382" width="850"></td>
    </tr>
    <tr>
    <td><font size="5"><b><br>



    You might have to adjust the size of the video to fit the page.
    {{ DiscussionBoard.errors[8780107].message }}

Trending Topics