Embedding TUbe videos in TeachCenter courses

General information about embedding

Before you can embed videos, you must upload them to TUbe. See also the instructions for the upload.

To embed a video, you need the video ID. You can find it by opening the video on TUbe and copying the last part after ‘watch’, consisting of letters and numbers.

The videos in your courses always have the same access restrictions as the respective TeachCenter courses. Example: ‘restricted’ TeachCenter course = only students in the current semester have access, and only they can view the videos. Videos from a ‘restricted’ TeachCenter course can therefore only be embedded in that course. They would not work in other courses.

You can see which setting your course has on your TeachCenter dashboard.

Embedding TUbe videos

• Activate the edit mode in your TeachCenter course.
• Create a new text and media area at the desired location: Plus > Text and media area
• To embed the videos, open the HTML view of the editor: Tools > Source code. Activate HTML view in the editor
• Now you can insert the HTML code for the embedded video, see below.
• After saving the text field, a preview of the video appears in the editor.

Embed code for non-public videos (course restricted or university-wide):

<iframe allowfullscreen="" src="https://tube.tugraz.at/Shibboleth.sso/Login?target=/paella/ui/embed.html?id=INSERT ID HERE" style="border:0px #FFFFFF none;" name=‘Paella Player’ scrolling="no" marginheight="0px" marginwidth="0px" width="640" height="400" frameborder="0"></iframe>

Note: You and your students must always be logged in to TeachCenter AND TUbe to play the video. Otherwise, an error message will appear instead of the embedded video.

Embed code for public videos:

<iframe allowfullscreen="" src="https://tube.tugraz.at/paella/ui/embed.html?id=INSERT ID HERE" style="border:0px #FFFFFF none;" name=‘Paella Player’ scrolling="no" marginheight="0px" marginwidth="0px" width="640" height="400" frameborder="0"></iframe>