Documentation

How to embed video, Google Maps, forms, etc.

How to embed video, forms & other content from external websites

Use these instructions to embed video on a page of your intranet. You can embed videos from YouTube or other online video sharing websites, as well as other types of content from the web including Google Maps, clickable slide shows from SlideShare, clickable documents from Issuu, video from private Vimeo accounts, forms from Wufoo or Google Docs, and much more.

When you "embed" a video from another site, you insert a player that pulls in the video from the external site where the video lives. Playing a video like this is called "streaming" and doesn't require actually uploading the video file to the intranet. Instead, the video lives on the external website which "hosts" the video and from which it will stream to all the locations where you embed it. It's like putting TVs in different rooms of the house: The TV stations that play the video are far away, but your TV pulls in the shows and movies you watch.

For examples of videos embedded in intranet pages, see our Video Tutorials section.

In order to embed content from an external website, that website must offer very particular "embed code" which you can copy and specially paste on an intranet page. To find the embed code look for the words "embed" or "share", angle brackets <> (an "embed code" symbol), or the link symbol (three tiny chain links joined together). You can learn more about the embed code from those websites.

The ability to insert Wufoo Forms is integrated into your intranet software, however, the "Insert Wufoo" button 6.7User9148WufooIcon.png is not automatically enabled on all Thoughtfarmer intranets. For more information, see How to add a Wufoo form, or talk to your intranet administrator.

Two ways to embed video and other web content

You can either embed video (and other web content) on an intranet page using the "Insert code" button in the content toolbar or by editing the page's HTML code directly. The "Insert Code" button is not automatically enabled on all ThoughtFarmer intranets, so if you don't see it in the content toolbar either contact your intranet administrator or edit the HTML code directly using the instructions below (if you are not familiar with HTML code this could be tough).

Use the "Insert Code" button to embed web videos

  • Step 1: Click "Edit" in the top right to enter edit mode.
  • 5.5+User+5928+Insert+code+button+2.pngStep 2: Set the cursor where you want to embed the video and then click the "Insert Code" button in the content toolbar to bring up the "Insert Code" pop-up box. (The "Insert Code" button has a pair of brackets <> and a little green plus + sign, over a small white page.)
  • Step 3: Copy the embed code from the external website, paste it in the "Insert Code" pop-up box and click the "Insert Code" button. A place for your video will now show up on the page.
  • Step 4: Continue editing or click "Save" at the top of the page.

Edit HTML code to embed web videos

To follow these instructions you may need basic familiarity with HTML code.
  • Step 1: Click "Edit" in the top right to enter edit mode.
  • 6.5User7956SourceButton.png Step 2:  Click the "Source" button in the content toolbar. This will switch you from viewing the page's content using the RTE to viewing the raw HTML code directly.
  • Step 3: Set the cursor at the beginning of the line of HTML code where you want to insert the video.
  • Step 4: Copy the embed code from the external website, paste it into the HTML code and then click the "Source" button to return to the regular page view. A place for your video will now show up on the page.
  • Step 5: Continue editing or click "Save" at the top of the page.

Advanced: Embed a video file using HTML code

If you are familiar with HTML code you can try an alternate route for embedding video files. This route doesn't require a video hosting site.

See instructions on how to embed a video file using advanced HTML code.