Adding subtitles

Videotutorial: Adding subtitles

How to add subtitles to your video's

In this tutorial we'll take you through the entire process of adding subtitles to your videos. We explain how to format your subtitle files, how to add time to your clips and give some extra information about how to use it.



Customize subtitles

You can customize your subtitles to make it stand out more, or sync better with the branding. You can read how to do this in this article

Special characters in subtitle

If you have letters with with accents or special symbols in your subtitles (for example: é, ë, å, ß) make sure you save your srt file as 'UTF-8 with BOM'. Normal UTF-8 don't recognize these special characters.

Force subtitle language


If you want to force a subtitle to start on a certain language, no matter what the browser settings are, you can do this by adding some extra code behind the project code. This can also help if you have a database with different languages in your project. In this case you'll have to add "?&iv_force_subtitle=fr" ('fr' is standing here for french). Below is a list of all the languages you can select and their shortcode.

   br: Brazilian Portugese

   he: עִבְרִית

   ar: اَلْعَرَبِيَّةُ

   id: Bahasa Indonesia

   bg: български

   cs: čeština

   da: Dansk

   de: Deutsch

   el: ελληνικά

   et: Eesti keel

   en: English

   es: Español

   fa: فارسی

   fr: Français

   hr: Hrvatski

   it: Italiano

   lv: Latviešu valoda

   lt: Lietuvių kalba

   ko: 한국어

   hu: Magyar nyelv

   nl: Nederlands

   nn: Norsk

   pl: Polski

   pt: Português

   ro: Limba română

   ru: Pусский

   sk: Slovenčina

   sl: slovenski jezik

   sr: српски језик

   sv: Svenska

   fi: Suomalainen

   tr: Türk

   ja: 日本

   th: ไทย

   zh: 中文简体

   zt: 中文繁體



    • Related Articles

    • Adding subtitles

      Subtitles are the textual support that are displayed at the bottom side of the screen during a video. This function is frequently used to display, for example, dialogues or voice-overs as written text, so that the video is comprehensible even when it ...
    • Adding Hover state to an image

      When you use your own assets to create custom buttons, it is useful to work with a so-called ‘hover state’. This is a variant of the image that will be shown as soon as the user(s) hover their mouse over the concerning image (mouse-over). This form ...
    • Videotutorial: Basics Editor interface

      The basics: editor interface In this tutorial we give you a quick insight in the basic controls in the ivory editor. This will show you where you can find everything.
    • Videotutorial: Disable pressed button

      How to disable a button once it has been pressed In this tutorial I will show you 2 ways in which you can disable a button once it has been pressed, so it can only be pressed once. I will also quickly explain how to do this with variables and add ...
    • Videotutorial: Input field component

      The input field component In this tutorial we quickly go through the options in the way the input field component can be used. We explain three simple functions of you cano use it 1. Input field for personalised video 2. Input field for question ...