Video on Your Website: How to Place an Embed Code

All hosting services provide embed codes that let you insert your marketing videos into your web pages. An embed code is simply a small piece of computer code that activates the video player and displays it in the context of your web page.

An embed code can be as simple as this snippet of YouTube code:

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

Embed codes from professional video hosting services tend to be longer because they often provide more sophisticated functionality.

To insert an embed code, simply copy it to your computer’s clipboard (by choosing Edit→Copy), go to your website’s content management system, and then paste the code (by choosing Edit→Paste) into the correct spot in your web page.

However, inserting an embed code is often easier said than done because you have to deal with certain technical details on your website. You paste embed codes (the pieces of HTML code) into the appropriate view in your content management system to make them work.

Because you have many different ways to build a website, refer to the documentation of your site’s content management system to figure out exactly how to do it.

To place an embed code from a video hosting service (such as Wistia) into a page in a content management system (such as Drupal), follow these steps:

  1. In your web browser, log in to your video hosting service.

  2. Find the video you want to embed, and click the video name.

  3. Click the Embed link below the player.

  4. On the next screen, select these options:

    • Player size: The default size of 640 x 360 pixels may be too big for your page.

    • Player options: Choose whether to show the Play button and other controls.

      image0.jpg
  5. Copy the embed code at the top by choosing the Edit@→Copy command from your browser’s menu.

  6. In your web browser, visit your website and log in as a user who has editing rights.

  7. Visit the page where you want to add the video.

  8. Click the Edit link below the page title.

  9. Scroll to the Body section of the page, and click the Source button (to paste HTML code).

    This step shows you the HTML version of your page.

  10. Find the spot where you want to place your video.

    If you’re unfamiliar with HTML, simply look at the page text to locate the spot.

  11. Choose Edit→Paste to paste the embed code.

    image1.jpg
  12. Scroll down and click Save.

    You should now see the video in your page. If the video doesn’t appear immediately, reload the page.

blog comments powered by Disqus
Advertisement

Inside Dummies.com

Dummies.com Sweepstakes

Win $500. Easy.