We previously covered how to embed a YouTube video in your CHM or HTML help files. While YouTube is a great platform to share videos, some might prefer one of its main competitor, Vimeo. Fortunately, integrating a Vimeo video into your CHM or HTML help files is extremely easy with HelpNDoc.

Get the Vimeo video’s embed code

Vimeo’s share button can be used to get its embed code. The following steps explain how to get that code.

Get a Vimeo video's embed code

First, locate the video on the Vimeo web-site. Then follow those easy steps:

  1. Click the Share button visible on the right side of the video: the “Share This Video” panel appears as an overlay
  2. Select the code in the Embed section and copy it. This is the complete HTML code required to embed the Vimeo video in the final documentation. You can also click “Show options” to customize the embedded video to suit your requirements.

Embed the HTML code in your documentation using HelpNDoc

HelpNDoc provides an easy to use and intuitive user interface but it doesn’t mean that you can’t use advanced features such as adding your own low-level HTML code.

Insert HTML code in your documentation

Once your HelpNDoc project is open, you can insert the HTML code we’ve just copied from Vimeo’s web-site:

  1. Select the Insert ribbon tab at the top of HelpNDoc’s main window by clicking it
  2. Click Insert HTML code then Insert another HTML code in the Library Items group
  3. A new window appears: choose a name, paste the HTML code and hit OK

That’s it! HelpNDoc now displays a green place-holder showing where the Vimeo video’s HTML code will be generated. It will take care of the rest: producing your documentation containing the Vimeo video we’ve just added.

Going a little bit further

HelpNDoc contains many advanced features to help you produce the most amazing documentation as easily and rapidly as possible.

Vimeo library item in HelpNDoc

Once you have added the Vimeo video in your project, it is now part of the library and can be re-used in any topic.
If the Vimeo video has to be changed in the future, simply edit this library item as needed, and HelpNDoc will automatically update all topics using it.

See also...

images/helpndoc-quick-setup-in-seconds.jpeg
How to Create Documentation in 15 Minutes with HelpNDoc (Beginner’s Quickstart Guide)

Creating documentation often feels like a time-consuming task reserved for long afternoons and endless formatting struggles. But it doesn’t have to be that way. With HelpNDoc, you can go from a blank …

Read More →
images/generate-multiple-languages.jpeg
Did You Know Your Help Authoring Tool Could Keep Your Documentation and Software in Sync by Generating Code?

When technical writers and software developers collaborate, keeping documentation and code synchronized is one of those small, persistent headaches that can turn into major issues. Every application …

Read More →
images/show-non-printing-characters.jpeg
Non-Breaking Spaces: How Technical Writers Can Control Them with HelpNDoc's Powerful Analyzers

I still remember the first time a non-breaking space took down a table in one of my manuals. Everything looked perfect in the editor until I generated the output and found that a single column had …

Read More →
images/special-characters-chm-help-files.jpg
Why International Characters Break in CHM Files And How HelpNDoc Solves It

Publishing professional-quality help files often means supporting multiple languages — from Hungarian to Japanese, Greek to Chinese. Yet if you’ve ever generated a CHM help file and found that certain …

Read More →

Categories: articles