Embed Your Video on Other Web Sites

To play this video in other sites, such a your own website, or a social media site such as LinkedIn, you need to be able to request the URL directly from the TSC server in a way that your specific site can handle it.

Generally speaking, most websites aren’t fully capable of directly serving up video (cleanly and reliably), which is why we recommend embedding the start (or poster) image in the site, attached to a link that pops open a new tab or window with that videos dedicated TSC page.

The benefits of redirecting a visitor to the TSC page include:

  1. The video will run reliably.
  2. Each videos TSC page is designed to provide a positive viewer experience that gives the viewer the opportunity to engage in a discussion about that video via comments. (Unless your business has compliance regulations that disallow commenting, in which case the commenting will be turned off).
  3. The viewer will have the opportunity to watch other videos of yours, as they are listed down the right side of the page.
  4. The page includes social media sharing buttons, which give the viewer the ability to share your video with others who might be interested.
  5. Every time a video page is viewed on the TSC website, it is counted.  The more views your video has on the site, the higher site ranking it has, which helps it rise to the top of the “Popular Videos” category.  These “Popular Videos” are showcased on the front page of the TSC site.  They are listed in descending order, with the most viewed at the top of the list.
  6. Every time a video receives a comment on the TSC site, it also will increase in ranking, so that it will be displayed in the “People are Talking About” category on the front page of the TSC site.  These videos are listed in descending order with the most commented at the top of the list.  Note that all comments are held for approval before being displayed.

If after reading the above, you still want to embed your video in a different location, here are your instructions.

First, you need to have the location of the video on TSC’s servers, in URL format.  You can find this by doing the following.

  1. Navigate to that video’s dedicated page.
  2. In your web browser, view the html code of that video’s page.  To do this, follow the instructions here.
  3. Once you are viewing the code, enable the browser’s search function by pressing “Command+F” on a Mac or “Ctrl+F” on a PC.
  4. In the search field, type “<source src=” (without the quotation marks).
  5. This should return only one item on the page.  The URL of that page’s video is immediately following the found text, inside single quotation marks.
  6. Copy the URL without the single quotation marks.

Second, you’ll need the location of the poster image.  This is the still image that appears inside the video player window before you click play.  To locate this image’s URL, follow the same steps above, except for step #4, type “poster=” (without the quotation marks).

Once you have the URL of the video location, as well as the poster image location, you next need to determine which video format you want to use on the destination site. Here are a few considerations:

  • Flash video will run the fastest and most reliably on most sites.  However flash video will not run on mobile phones.  Currently, social media or blog sites are viewed more often (55% of the time) on smartphones than on desktop or notebook PCs.  If your site will be viewed on a phone, try to avoid embedding via a Flash format.
  • Check the site’s help files to see which video formats they recommend or prefer and why.  These help files should also tell you how to paste in embed code so that it plays properly on the site.
  • If you need the video to run on smartphones, select Windows Media or Quick Time as the output.  But you’ll definitely want to test whether the video loads and plays quickly and reliably enough.  My experience is that it plays, but that the player looks a little broken and the load times are slow.  Of course this will be changing over the next few months or years, as the technology and speeds get better and faster, but for now, you probably want to stick with Flash.

When you have determined the format you would like to publish,

  1. Visit FreeVideoCoding.com.  This site provides a code generator, along with instructions, for creating the HTML code you’ll need to paste into the destination site.
  2. Follow the instructions for generating the type of code you need.  The answer to step #1 will depend on the requirements of the destination site.  When I was testing the player, selecting “Flash(FLV)” tended to result in the best results, however this format will not play on a smartphone.
  3. In step #2, you want to paste the video’s URL from step 6 above into the field labeled “Enter Media File Location (url)”
  4. To answer “Choose Publishing Style”, you will most likely want to select “Link to Embedded Player (from image)”  This will give you a still image to click on to play the video, vs. a black screen.
  5. Our standard video size is width=580, height-350.  Unless you need to generate a video of a different size, we recommend inputting this information in the corresponding fields in step 2 of the code generator.  These input fields appear when you select one of the radio buttons for embedding.
  6. For “Enter image file location” paste in the URL for the poster image.
  7. You should be safe to select “high” for playback quality.  If the video playback is running too slowly, you can try entering medium or low to make it faster.
  8. Select “No” for enable auto play.  If you want the video to play immediately upon loading the page, then select “Yes”.  If you choose the “Yes” option, including the poster image isn’t as important, since the viewer won’t need to click on it to start playing the video.
  9. You probably want to select “No” for “Support this site with a free link”, unless you’re placing your video on your own web site.  In that case, it’s up to you.
  10. Click on the “Make HTML” button, and your embed code will appear in the box below the button.
  11. Copy that code and follow the instructions for the destination site as to where to paste it there.

Voila!

With minimal troubleshooting, you should be able to get your video directly embedded and playing on the site of your choice.  If you are having trouble, and you have changed one of the settings in the code generator, please verify that none of your other settings or URLs dropped out of the generator.  If you have all the information filled in completely, it should work.