diff --git a/app/controllers/contents.php b/app/controllers/contents.php
index da61cc7b3..f239dbd6d 100644
--- a/app/controllers/contents.php
+++ b/app/controllers/contents.php
@@ -33,5 +33,6 @@ public function index_action()
         PageLayout::setBodyElementId('opencast-plugin');
 
         $this->studip_version = $this->getStudIPVersion();
+        $this->languages = json_encode($GLOBALS['CONTENT_LANGUAGES']);
     }
 }
diff --git a/app/controllers/course.php b/app/controllers/course.php
index f129de0ed..7f8cac67f 100644
--- a/app/controllers/course.php
+++ b/app/controllers/course.php
@@ -34,6 +34,7 @@ public function index_action()
         PageLayout::setBodyElementId('opencast-plugin');
 
         $this->studip_version = $this->getStudIPVersion();
+        $this->languages = json_encode($GLOBALS['CONTENT_LANGUAGES']);
 
         $this->render_template('course/index', $GLOBALS['template_factory']->open('layouts/base.php'));
     }
diff --git a/assets/css/opencast.scss b/assets/css/opencast.scss
index 376b90945..b8e13387d 100644
--- a/assets/css/opencast.scss
+++ b/assets/css/opencast.scss
@@ -745,6 +745,23 @@ h2.oc--loadingbar, .oc--loadingbar-title {
     }
 }
 
+/* * * * * * * * * * * * * * * * * * */
+/*   U P L O A D   E L E M E N T S   */
+/* * * * * * * * * * * * * * * * * * */
+
+label.oc--file-upload {
+    cursor: pointer;
+    color: $base-color;
+
+    input[type=file] {
+        display: none;
+    }
+    .filename {
+        padding-left: 0.5em;
+        color: $light-gray-color-80;
+    }
+}
+
 /* * * * * * * * * * * * * * * * * * * * * */
 /*   S C R E E N S I Z E   C L A S S E S   */
 /* * * * * * * * * * * * * * * * * * * * * */
diff --git a/lib/Models/REST/ApiEventsClient.php b/lib/Models/REST/ApiEventsClient.php
index 007c7d27e..6ba05e619 100644
--- a/lib/Models/REST/ApiEventsClient.php
+++ b/lib/Models/REST/ApiEventsClient.php
@@ -212,4 +212,22 @@ public function deleteEpisode($episode_id)
         $response = $this->opencastApi->eventsApi->delete($episode_id);
         return $response['code'] < 400;
     }
+
+    /**
+     * Return media files
+     * 
+     * @param
+     * 
+     * @return array
+     */
+    public function getMedia($eventId)
+    {
+        $response = $this->opencastApi->eventsApi->getMedia($eventId);
+
+        if ($response['code'] == 200) {
+            return $response['body'];
+        }
+        
+        return false;
+    }
 }
diff --git a/lib/Models/Videos.php b/lib/Models/Videos.php
index 27e5e542b..8b0ef4a22 100644
--- a/lib/Models/Videos.php
+++ b/lib/Models/Videos.php
@@ -806,4 +806,33 @@ public static function addToCoursePlaylist($eventType, $episode, $video)
             }
         }
     }
+
+    /**
+     * Fetch caption data for a given token
+     * 
+     * @param string $token
+     * 
+     * @return Array which contains urls for the caption files
+     */
+    public static function getCaptionByToken($token)
+    {
+        $caption_download = [];
+        $video = self::findByToken($token);
+
+        // Get caption files
+        $api_event_client = ApiEventsClient::getInstance($video->config_id);
+        $media_tracks = $api_event_client->getMedia($video->episode);
+
+        foreach($media_tracks as $track) {
+            if (substr($track->flavor, 0, 9) === 'captions/' &&
+                $track->mimetype === 'text/vtt') 
+            {
+                $caption_download[$track->flavor] = [
+                    'url' => $track->uri
+                ];
+            }
+        }
+
+        return $caption_download;
+    }
 }
diff --git a/lib/RouteMap.php b/lib/RouteMap.php
index d03d4e614..a981e6192 100644
--- a/lib/RouteMap.php
+++ b/lib/RouteMap.php
@@ -49,6 +49,7 @@ public function authenticatedRoutes()
         $this->app->post('/videos/{token}/report', Routes\Video\VideoReport::class);
         $this->app->post('/videos/{token}/playlists', Routes\Video\VideoAddToPlaylist::class);
 
+        $this->app->get('/videos/{token}/captions', Routes\Video\VideoCaptions::class);
         $this->app->get('/videos/{token}/shares', Routes\Video\VideoSharesList::class);
         $this->app->put('/videos/{token}/shares', Routes\Video\VideoSharesUpdate::class);
         $this->app->post('/videos/{course_id}/copy', Routes\Video\VideoCopyToCourse::class);
diff --git a/lib/Routes/Config/SimpleConfigList.php b/lib/Routes/Config/SimpleConfigList.php
index c4b2d9d33..88d0119d3 100644
--- a/lib/Routes/Config/SimpleConfigList.php
+++ b/lib/Routes/Config/SimpleConfigList.php
@@ -31,12 +31,13 @@ public function __invoke(Request $request, Response $response, $args)
 
         foreach ($config as $conf) {
             $config_list[$conf->id] = [
-                'id'      => $conf->id,
-                'name'    => $conf->service_url,
-                'version' => $conf->service_version,
-                'ingest'  => reset(Endpoints::findBySql("config_id = ? AND service_type = 'ingest'", [$conf->id]))->service_url,
-                'studio'  => $conf->service_url . '/studio/index.html',
-                'lti_num' => sizeof(LtiHelper::getLtiLinks($conf->id))              // used to iterate over all Opencast nodes
+                'id'         => $conf->id,
+                'name'       => $conf->service_url,
+                'version'    => $conf->service_version,
+                'ingest'     => reset(Endpoints::findBySql("config_id = ? AND service_type = 'ingest'", [$conf->id]))->service_url,
+                'apievents'  => reset(Endpoints::findBySql("config_id = ? AND service_type = 'apievents'", [$conf->id]))->service_url,
+                'studio'     => $conf->service_url . '/studio/index.html',
+                'lti_num'    => sizeof(LtiHelper::getLtiLinks($conf->id))              // used to iterate over all Opencast nodes
             ];
         }
 
diff --git a/lib/Routes/Video/VideoCaptions.php b/lib/Routes/Video/VideoCaptions.php
new file mode 100644
index 000000000..a4430b740
--- /dev/null
+++ b/lib/Routes/Video/VideoCaptions.php
@@ -0,0 +1,27 @@
+<?php
+
+namespace Opencast\Routes\Video;
+
+use Psr\Http\Message\ResponseInterface as Response;
+use Psr\Http\Message\ServerRequestInterface as Request;
+use Opencast\Errors\AuthorizationFailedException;
+use Opencast\Errors\Error;
+use Opencast\OpencastTrait;
+use Opencast\OpencastController;
+use Opencast\Models\Filter;
+use Opencast\Models\Videos;
+
+class VideoCaptions extends OpencastController
+{
+    use OpencastTrait;
+
+    public function __invoke(Request $request, Response $response, $args)
+    {
+        $token = $args['token'];
+        $captions = Videos::getCaptionByToken($token);
+
+        return $this->createResponse([
+            'caption' => $captions
+        ], $response);
+    }
+}
diff --git a/vueapp/common/upload.service.js b/vueapp/common/upload.service.js
index 95ee4893a..5362aa46c 100644
--- a/vueapp/common/upload.service.js
+++ b/vueapp/common/upload.service.js
@@ -167,19 +167,41 @@ class UploadService {
         let obj = this;
         return files.reduce(function(promise, file) {
             return promise.then(function (mediaPackage) {
-                return obj.addTrack(mediaPackage, file, onProgress);
+
+                var data = new FormData();
+                data.append('mediaPackage', mediaPackage);
+                data.append('flavor', file.flavor);
+                data.append('tags', '');
+                data.append('BODY', file.file, file.file.name);
+
+                return obj.addTrack(data, "/addTrack", onProgress);
             });
         }, Promise.resolve(mediaPackage))
     }
 
-    addTrack(mediaPackage, track, onProgress) {
-        var media = track.file;
-        var data = new FormData();
-        data.append('mediaPackage', mediaPackage);
-        data.append('flavor', track.flavor);
-        data.append('tags', '');
-        data.append('BODY', media, media.name);
+    async uploadCaptions(files, episode_id, options) {
+        this.fixFilenames(files);
+        let onProgress = options.uploadProgress;
+        let uploadDone = options.uploadDone;
+
+        let obj = this;
+        return files.reduce(function(promise, file) {
+            return promise.then(function () {
+
+                var data = new FormData();
+                data.append('flavor', file.flavor);
+                data.append('overwriteExisting', file.overwriteExisting);
+                data.append('track', file.file);
+
+                return obj.addTrack(data, "/" + episode_id + "/track", onProgress);
+            });
+        }, Promise.resolve())
+        .then(() => {
+            uploadDone();
+        })
+    }
 
+    addTrack(data, url_path, onProgress) {
         var fnOnProgress = function (event) {
             onProgress(track, event.loaded, event.total);
         };
@@ -191,7 +213,7 @@ class UploadService {
                 obj.request = axios.CancelToken.source();
 
                 return axios({
-                    url: obj.service_url + "/addTrack",
+                    url: obj.service_url + url_path,
                     method: "POST",
                     data: data,
                     processData: false,
diff --git a/vueapp/components/Videos/Actions/CaptionUpload.vue b/vueapp/components/Videos/Actions/CaptionUpload.vue
new file mode 100644
index 000000000..175dfe57d
--- /dev/null
+++ b/vueapp/components/Videos/Actions/CaptionUpload.vue
@@ -0,0 +1,242 @@
+<template>
+    <div>
+        <ConfirmDialog v-if="showConfirmDialog"
+            :title="$gettext('Hochladen abbrechen')"
+            :message="$gettext('Sind sie sicher, dass sie das Hochladen abbrechen möchten?')"
+            @done="decline"
+            @cancel="showConfirmDialog = false"
+        />
+        <StudipDialog v-else
+            :title="$gettext('Untertitel hinzufügen')"
+            :confirmText="$gettext('Hochladen')"
+            :confirmClass="uploadButtonClasses"
+            :closeText="$gettext('Abbrechen')"
+            :closeClass="'cancel'"
+            height="600"
+            width="600"
+            @close="showConfirmDialog=true"
+            @confirm="accept"
+        >
+            <template v-slot:dialogContent ref="upload-dialog">
+                <form class="default" style="max-width: 50em;" ref="upload-form">
+                    <label v-if="config && config['server'] && config['server'].length > 1">
+                        <span class="required">
+                            {{ $gettext('Server auswählen:') }}
+                        </span>
+
+                        <select v-model="selectedServer" required>
+                            <option v-for="server in config['server']"
+                                :key="server.id"
+                                :value="server"
+                            >
+                                #{{ server.id }} - {{ server.name }} (Opencast V {{ server.version }}.X)
+                            </option>
+
+                        </select>
+                    </label>
+
+                    <div v-for="language in languages">
+                        <div v-if="!files[language.flavor] && !uploadProgress">
+                            <label class="oc--file-upload">
+                                <StudipButton icon="accept" @click.prevent="chooseFiles('oc-file-'+language.lang)">
+                                    {{ $gettext('Untertitel für %{ lang }', {
+                                        lang: $gettext(language.lang)
+                                    }) }}
+                                </StudipButton>
+                                <input type="file" class="caption_upload" :data-flavor="language.flavor"
+                                @change="previewFiles" :ref="'oc-file-'+language.lang"
+                                accept=".vtt">
+                            </label>
+                        </div>
+
+                        <VideoFilePreview v-else :files="files[language.flavor]"
+                            type="caption"  @remove="delete files[language.flavor]"
+                            :uploading="uploadProgress"
+                        />
+
+                        <ProgressBar v-if="uploadProgress && uploadProgress.flavor == language.flavor" :progress="uploadProgress.progress" />
+                    </div>
+
+                    <MessageBox v-if="fileUploadError" type="error">
+                        {{ $gettext('Sie müssen mindestens eine Datei auswählen!') }}
+                    </MessageBox>
+                </form>
+            </template>
+        </StudipDialog>
+    </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex';
+
+import StudipDialog from '@studip/StudipDialog'
+import StudipButton from '@studip/StudipButton'
+import MessageBox from '@/components/MessageBox'
+import VideoFilePreview from '@/components/Videos/VideoFilePreview'
+import ProgressBar from '@/components/ProgressBar'
+import ConfirmDialog from '@/components/ConfirmDialog'
+import UploadService from '@/common/upload.service'
+
+export default {
+    name: 'CaptionUpload',
+
+    components: {
+        StudipDialog,
+        MessageBox,
+        StudipButton,
+        VideoFilePreview,
+        ProgressBar,
+        ConfirmDialog
+    },
+
+    emits: ['done', 'cancel'],
+
+    props: ['event'],
+
+    data () {
+        return {
+            showAddEpisodeDialog: false,
+            selectedServer: false,
+            fileUploadError: false,
+            files: {},
+            uploadProgress: null,
+            showConfirmDialog: false,
+            languages: []
+        }
+    },
+
+    computed: {
+        ...mapGetters({
+            'config'       : 'simple_config_list',
+            'course_config': 'course_config',
+            'videoCaptions': 'videoCaptions'
+        }),
+
+        uploadButtonClasses() {
+            if (this.uploadProgress) {
+                return 'accept disabled';
+            }
+
+            return 'accept';
+        },
+    },
+
+    methods: {
+        async accept() {
+            if (this.uploadProgress) {
+                return;
+            }
+
+            // make sure lti is authenticated
+            await this.$store.dispatch('authenticateLti');
+
+            if (!this.$refs['upload-form'].reportValidity()) {
+                return false;
+            }
+
+            // validate file upload
+            this.fileUploadError = true;
+            this.languages.every(language => {
+                if (this.files[language.flavor] && this.files[language.flavor].length) {
+                    this.fileUploadError = false;
+                    return false;
+                }
+                return true;
+            });
+
+            if (this.fileUploadError) {
+                // scroll to error message to make it visible to the user
+                this.$refs['upload-form'].parentNode.scrollTo({
+                    top: 1000,
+                    left: 0,
+                    behavior: 'smooth'
+                });
+
+                return false;
+            }
+
+            // get correct upload endpoint url
+            this.uploadService = new UploadService(this.selectedServer['apievents']);
+
+            let files = [];
+            for (const [key, value] of Object.entries(this.files)) {
+                files.push({
+                    file: value[0],
+                    flavor: key,
+                    overwriteExisting: true,
+                    progress: {
+                        loaded: 0,
+                        total: value.size
+                    }
+                });
+            }
+
+            let view = this;
+
+            this.uploadService.uploadCaptions(files, this.event.episode, {
+                    uploadProgress: (track, loaded, total) => {
+                        view.uploadProgress = {
+                            flavor: track.flavor,
+                            progress: parseInt(Math.round((loaded / total) * 100 ))
+                        }
+                    },
+                    uploadDone: () => {
+                        view.$emit('done');
+                    }
+                }
+            );
+        },
+
+        decline() {
+            this.$emit('cancel');
+        },
+
+        chooseFiles(id) {
+            this.$refs[id][0].click();
+        },
+
+        previewFiles(event) {
+            let flavor = event.target.attributes['data-flavor'].value;
+            let language = this.languages.find(language => language.flavor === flavor).lang;
+
+            this.files[flavor] = event.target.files;
+            this.files[flavor]['language'] = language;
+        }
+    },
+
+    mounted() {
+        this.$store.dispatch('authenticateLti');
+        this.$store.dispatch('simpleConfigListRead').then(() => {
+            this.selectedServer = this.config['server'][this.config.settings['OPENCAST_DEFAULT_SERVER']];
+        });
+        this.$store.dispatch('loadCaption', this.event.token);
+
+        // Add support for StudIP languages
+        for (let key in window.OpencastPlugin.STUDIP_LANGUAGES) {
+            this.languages.push({
+                lang: window.OpencastPlugin.STUDIP_LANGUAGES[key].name,
+                flavor: 'captions/source+' + key.split('_')[0]
+            });
+        }
+    },
+
+    watch: {
+        videoCaptions(newCaptions) {
+            if (Object.keys(newCaptions).length > 0) {
+            for (var flavor in newCaptions) {
+                let language = this.languages.find(language => language.flavor === flavor);
+
+                if (language) {
+                    this.files[flavor] = [];
+                    this.files[flavor].push({
+                        'url': newCaptions[flavor].url,
+                        'name': newCaptions[flavor].url.split('/').pop()
+                    });
+                    this.files[flavor]['language'] = language.lang;
+                }
+            }
+        }
+        }
+    }
+}
+</script>
diff --git a/vueapp/components/Videos/VideoCard.vue b/vueapp/components/Videos/VideoCard.vue
index 2a5e4c107..3a0d8e3bf 100644
--- a/vueapp/components/Videos/VideoCard.vue
+++ b/vueapp/components/Videos/VideoCard.vue
@@ -299,6 +299,14 @@ export default {
                         });
                     }
 
+                    menuItems.push({
+                        id: 7,
+                        label: this.$gettext('Untertitel hinzufügen'),
+                        icon: 'knife',
+                        emit: 'performAction',
+                        emitArguments: 'CaptionUpload'
+                    });
+
                     menuItems.push({
                         id: 8,
                         label: this.$gettext('Entfernen'),
diff --git a/vueapp/components/Videos/VideoFilePreview.vue b/vueapp/components/Videos/VideoFilePreview.vue
index 42cbc9464..9b7c1ca95 100644
--- a/vueapp/components/Videos/VideoFilePreview.vue
+++ b/vueapp/components/Videos/VideoFilePreview.vue
@@ -7,12 +7,15 @@
             <h3 class="oc--file-type" v-if="type == 'presentation'" v-translate>
                 Folien
             </h3>
+            <h3 class="oc--file-type" v-if="type == 'caption'" v-translate>
+                Untertitel für {{ files.language }}
+            </h3>
 
             <span class="oc--file-name">
                 <b v-translate>Name:</b> {{ file.name }}
             </span>
 
-            <span class="oc--file-size">
+            <span class="oc--file-size" v-if="file.size">
                 <b v-translate>Größe:</b> {{ $filters.filesize(file.size) }}
             </span>
 
@@ -24,6 +27,16 @@
                     Entfernen
                 </button>
             </span>
+
+            <span v-if="file.url">
+                <a :href="file.url">
+                    <button class='button download'
+                        type=button v-translate
+                    >
+                        Herunterladen
+                    </button>
+                </a>
+            </span>
         </div>
     </div>
 </template>
diff --git a/vueapp/components/Videos/VideoUpload.vue b/vueapp/components/Videos/VideoUpload.vue
index 23c91eeaa..b9079e7f2 100644
--- a/vueapp/components/Videos/VideoUpload.vue
+++ b/vueapp/components/Videos/VideoUpload.vue
@@ -122,12 +122,14 @@
                         </label>
 
                         <div v-if="!files['presenter/source'].length && !uploadProgress">
-                            <StudipButton icon="accept" v-translate @click.prevent="chooseFiles('oc-file-presenter')">
-                                Aufzeichnung des/der Vortragende*n hinzufügen
-                            </StudipButton>
-                            <input type="file" class="video_upload" data-flavor="presenter/source"
-                                @change="previewFiles" ref="oc-file-presenter"
-                                accept=".avi,.mkv,.mp4,.webm,.mov,.ogg,.ogv,video/mp4,video/x-m4v,video/webm,video/ogg,video/mpeg,video/*">
+                            <label class="oc--file-upload">
+                                <StudipButton icon="accept" @click.prevent="chooseFiles('oc-file-presenter')">
+                                    {{ $gettext('Aufzeichnung des/der Vortragende*n hinzufügen') }}
+                                </StudipButton>
+                                <input type="file" class="video_upload" data-flavor="presenter/source"
+                                    @change="previewFiles" ref="oc-file-presenter"
+                                    accept=".avi,.mkv,.mp4,.webm,.mov,.ogg,.ogv,video/mp4,video/x-m4v,video/webm,video/ogg,video/mpeg,video/*">
+                            </label>
 
                                    <!--
                             <div style="display:none" class="invalid_media_type_warning">
@@ -147,12 +149,14 @@
                         <ProgressBar v-if="uploadProgress && uploadProgress.flavor == 'presenter/source'" :progress="uploadProgress.progress" />
 
                         <div v-if="!files['presentation/source'].length && !uploadProgress">
-                            <StudipButton icon="accept" v-translate  @click.prevent="chooseFiles('oc-file-presentation')">
-                                Aufzeichnung der Folien hinzufügen
-                            </StudipButton>
-                            <input type="file" class="video_upload" data-flavor="presentation/source"
-                                @change="previewFiles" ref="oc-file-presentation"
-                                accept=".avi,.mkv,.mp4,.webm,.mov,.ogg,.ogv,video/mp4,video/x-m4v,video/webm,video/ogg,video/mpeg,video/*">
+                            <label class="oc--file-upload">
+                                <StudipButton icon="accept" v-translate  @click.prevent="chooseFiles('oc-file-presentation')">
+                                    {{ $gettext('Aufzeichnung der Folien hinzufügen') }}
+                                </StudipButton>
+                                <input type="file" class="video_upload" data-flavor="presentation/source"
+                                    @change="previewFiles" ref="oc-file-presentation"
+                                    accept=".avi,.mkv,.mp4,.webm,.mov,.ogg,.ogv,video/mp4,video/x-m4v,video/webm,video/ogg,video/mpeg,video/*">
+                            </label>
                                       <!--
                             <div style="display:none" class="invalid_media_type_warning">
                               <?= MessageBox::error(
diff --git a/vueapp/components/Videos/VideosList.vue b/vueapp/components/Videos/VideosList.vue
index 0c2e54779..62572819e 100644
--- a/vueapp/components/Videos/VideosList.vue
+++ b/vueapp/components/Videos/VideosList.vue
@@ -106,6 +106,7 @@ import VideoDownload from '@/components/Videos/Actions/VideoDownload.vue';
 import VideoReport from '@/components/Videos/Actions/VideoReport.vue';
 import VideoEdit from '@/components/Videos/Actions/VideoEdit.vue';
 import VideoRestore from '@/components/Videos/Actions/VideoRestore.vue';
+import CaptionUpload from '@/components/Videos/Actions/CaptionUpload.vue';
 import Tag from '@/components/Tag.vue'
 
 export default {
@@ -120,7 +121,7 @@ export default {
         VideoDownload,          VideoReport,
         VideoEdit,              VideoRestore,
         VideoDelete,            VideoDeletePermanent,
-        VideoAddToSeminar
+        VideoAddToSeminar,      CaptionUpload
     },
 
     data() {
diff --git a/vueapp/store/videos.module.js b/vueapp/store/videos.module.js
index d2c55ccae..4348a6df0 100644
--- a/vueapp/store/videos.module.js
+++ b/vueapp/store/videos.module.js
@@ -17,6 +17,7 @@ const state = {
         items: 0
     },
     availableVideoTags: [],
+    videoCaptions: {},
     playlistForVideos: null,
     videoShares: {},
     courseVideosToCopy: [],
@@ -52,6 +53,10 @@ const getters = {
         return state.availableVideoTags
     },
 
+    videoCaptions(state) {
+        return state.videoCaptions
+    },
+
     playlistForVideos(state) {
         return state.playlistForVideos
     },
@@ -191,6 +196,14 @@ const actions = {
         return ApiService.put('videos/' + data.token + '/shares', data.shares);
     },
 
+    async loadCaption({commit}, token) {
+        return ApiService.get('videos/' + token + '/captions')
+            .then(({ data }) => {
+                data.token = token
+                commit('setCaptionForToken', data)
+            });
+    },
+
     setPage({commit}, page) {
         commit('setPage', page);
     },
@@ -264,6 +277,16 @@ const mutations = {
 
     setAvailableVideoTags(state, data) {
         state.availableVideoTags = data;
+    },
+
+    setCaptionForToken(state, data) {
+        let key = Object.keys(state.videos).find(key => state.videos[key].token === data.token)
+        if (key) {
+            state.videoCaptions = data.caption;
+        }
+        else {
+            state.videoCaptions = {};
+        }
     }
 }
 
diff --git a/vueapp/templates/contents_index.php b/vueapp/templates/contents_index.php
index 50dfbfef7..82284d64e 100644
--- a/vueapp/templates/contents_index.php
+++ b/vueapp/templates/contents_index.php
@@ -13,6 +13,7 @@
         REDIRECT_URL: '<?= PluginEngine::getURL('opencast', [], 'redirect/perform') ?>',
         AUTH_URL: '<?= PluginEngine::getURL('opencast', [], 'redirect/authenticate') ?>'
     };
+    <?= isset($languages) ? "window.OpencastPlugin.STUDIP_LANGUAGES = $languages;" : '' ?>;
     <?= isset($studip_version) ? "window.OpencastPlugin.STUDIP_VERSION = $studip_version;" : '' ?>;
 </script>
 
diff --git a/vueapp/templates/course_index.php b/vueapp/templates/course_index.php
index 51a8b47e8..7664200c6 100644
--- a/vueapp/templates/course_index.php
+++ b/vueapp/templates/course_index.php
@@ -2,9 +2,8 @@
     <h1 class="display-1 text-center">Starte Anwendung&hellip;</h1>
 </div>
 
-
 <script type="text/javascript">
-   window.OpencastPlugin = {
+    window.OpencastPlugin = {
         API_URL    : '<?= PluginEngine::getURL('opencast', [], 'api', true) ?>',
         CID        : '<?= $course_id ?>',
         ICON_URL   : '<?= Assets::url('images/icons/') ?>',
@@ -14,6 +13,7 @@
         REDIRECT_URL: '<?= PluginEngine::getURL('opencast', [], 'redirect/perform', true) ?>',
         AUTH_URL: '<?= PluginEngine::getURL('opencast', [], 'redirect/authenticate', true) ?>'
     };
+    <?= isset($languages) ? "window.OpencastPlugin.STUDIP_LANGUAGES = $languages;" : '' ?>;
     <?= isset($studip_version) ? "window.OpencastPlugin.STUDIP_VERSION = $studip_version;" : '' ?>;
 </script>