---
title: THEOplayer | Demo | Language Localization
description: This demo explains how you can use language localization.
---

  

[![THEOplayer](https://demo.theoplayer.com/hubfs/THEO_Player_Apr_2016_File/Images/navbar-brand.svg "THEOplayer")](https://www.theoplayer.com)

- [Solutions](https://www.theoplayer.com/solutions/html5-video-player)
- Insights
- [Developers](https://support.theoplayer.com/)

[![THEOplayer](https://demo.theoplayer.com/hs-fs/hubfs/THEO_Player_Apr_2016_File/Images/navbar-brand-small.png?width=63&name=navbar-brand-small.png "THEOplayer") ](https://www.theoplayer.com)

- [Solutions](https://www.theoplayer.com/solutions/html5-video-player)
- Insights
- [Developers](https://support.theoplayer.com/)

# THEOplayer Demo: Using language localization

This page demonstrates how to configure localization using the [THEOplayer API](https://docs.theoplayer.com/).  Localization can be used to support other languages besides English, which is used in the default THEOplayer UI.  
This feature is interesting when you are distributing your content in specific markets where English isn't widespread.

The example below illustrates how you can map the default English labels to Spanish. Hover the cogwheel icon in the control bar with your mouse to see an example of mapping.

The result:

 

 

 

The JavaScript code:

```
// information on setting up THEOplayer and the player object can be found at https://docs.portal.theoplayer.com/docs/docs/getting-started/web/web

var videoContainer = document.querySelector('#video-container');
var player = new THEOplayer.Player(videoContainer, {
        libraryLocation: 'https://cdn.theoplayer.com/dash/theoplayer/',
        ui: {
            language: 'langCode',
            languages: { 'langCode':
                {
                    "Play": "Reproducir",
                    "Pause": "Pausa",
                    "Current Time": "Tiempo actual",
                    "Duration Time": "Duración",
                    "Remaining Time": "Tiempo restante",
                    "Stream Type": "Tipo de stream",
                    "LIVE": "EN VIVO",
                    "Live": "En vivo",
                    "Loaded": "Cargado",
                    "Progress": "Progreso",
                    "Fullscreen": "Pantalla completa",
                    "Non-Fullscreen": "Salir de pantalla completa",
                    "Mute": "Mute",
                    "Unmute": "Sonido",
                    "Playback Rate": "Velocidad de reproducción",
                    "Subtitles": "Subtítulos",
                    "subtitles off": "subtítulos off",
                    "Speed": "Velocidad",
                    "Quality": "Calidad",
                    "Options": "Opciones",
                    "Automatic": "Automático",
                    "Captions": "Mayúsculas",
                    "captions off": "Mayúsculas off",
                    "Chapters": "Capítulos",
                    "Close Modal Dialog": "Cerrar Modal Dialog",
                    "Descriptions": "Descripciones",
                    "descriptions off": "Descripciones off",
                    "Audio Track": "Pista de audio",
                    "You aborted the media playback": "Has abortado la reproducción",
                    "A network error caused the media download to fail part-way.": "Un error de red ha provocado que el archivo no se descargue correctamente."
                }
            }
        }
    });

// initial video source
player.source = { 
    sources: [{ 
        src : '//cdn.theoplayer.com/video/elephants-dream/playlist.m3u8',
        type : 'application/x-mpegurl'
    }] 
};
```

 

- [Blog](https://www.theoplayer.com/blog)
- [Support](https://support.theoplayer.com/hc)

[![Twitter](https://demo.theoplayer.com/hubfs/THEO_Player_Apr_2016_File/Images/twitterYellow.png)](https://twitter.com/THEO_player) [![Facebook](https://demo.theoplayer.com/hubfs/THEO_Player_Apr_2016_File/Images/facebookYellow.png)](https://www.facebook.com/THEOplayer1) [![LinkedIn](https://demo.theoplayer.com/hubfs/THEO_Player_Apr_2016_File/Images/linkedinYellow.png)](https://www.linkedin.com/company/theoplayer)

![THEOplayer](https://demo.theoplayer.com/hubfs/THEO_Player_Apr_2016_File/Images/footer-brand.png) ©2016   
THEOplayer

1B Kolonel Begaultlaan, 3rd floor Leuven 3012, Belgium (HQ)

1177 Avenue of the Americas, 7th floor New York, NY 10036, USA

620 Davis Street, San Francisco, CA 94111, USA