Headerbild_Anleitungen_TeachCenter@300x

Embedding TUbe videos in TeachCenter courses

In this how-to guide you will learn step-by-step how to easily embed TUbe videos directly into your TeachCenter course.

Embedding TUbe videos in TeachCenter courses

Three options:

  • You want to embed TUbe videos that are restricted to students of your course.
    Please note: Please only use videos from the same course
    (e.g. embed videos of LV 123.456 only in the TeachCenter course of LV 123.456).
  • You want to embed TUbe videos whose access is set as "university-wide".
  • You want to embed TUbe videos whose access is set as "public".

N.B.: You specified whether the videos of your course are restricted to students, accessible university-wide or public when you registered for your course on TUbe. If you do not remember, please ask the TUbe team.

How will my videos arrive on TUbe?

See our guide for uploading videos to TUbe.

Guide for embedding TUbe Videos

  • Activate the editing mode in your TeachCenter course (top right > "Turn editing on").
  • Create a label in a section of your choice: "Add material or resource" > "Label" > "Add".
  • In order to embed a video, you have to insert the embed code in HTML. To do this, switch the editor to HTML mode:

To switch on the HTML mode, open the toolbar and click on the HTML button on the very right
Fig. 1: Switch on HTML mode

  • Now you can add the HTML code for the video to be embedded:

For non-public videos (i.e. restricted or university-wide):

<iframe allowfullscreen="" src="https://tube.tugraz.at/Shibboleth.sso/Login?target=/paella/ui/embed.html?id=ded7a37f-50d2-4d45-809f-b8efb6b27f60" style="border:0px #FFFFFF none;" name="Paella Player" scrolling="no" marginheight="0px" marginwidth="0px" width="640" height="400" frameborder="0"></iframe>

For public videos:

<iframe allowfullscreen="" src="https://tube.tugraz.at/paella/ui/embed.html?id=06512e14-51af-42cc-819a-92c3ab8e98a7" style="border:0px #FFFFFF none;" name="Paella Player" scrolling="no" marginheight="0px" marginwidth="0px" width="640" height="400" frameborder="0"></iframe>

Instead of the ID written here (after id=), the ID of the desired video must be inserted. You can find it by opening the desired video on TUbe and then examining the URL (address line at the top of the web browser):

Screenshot of a URL; the ID of a TUbe video consists of numbers and letters
Fig. 2: Find the ID of a TUbe video

  • Copy the HTML code (including the relevant ID) into the label you created.
  • As soon as you leave the HTML mode by clicking on </> , you should be able to see the video.

Example of an embedded video in a label
Fig. 3: Embedded video

  • Save the label by clicking Save and Return to course.

Help & Contact

For questions on TeachCenter / TeachCenter Exam: tc@tugraz.at

For questions on lecture recordings + TUbe: tube@tugraz.at