Video Lecture

Eine Videovortragskomponente, die Videos anzeigt, die mit interaktiven Elementen durchsetzt sind.

Optionen

• controls | boolean: gibt an, ob Bedienelemente der Video-Player angezeigt werden sollen. Default: true.
• instructorView | boolean: steuert, ob die Dozentenansicht einbezogen werden soll. Default: true.
• linkToDashboard | boolean: steuert, ob nach Abschluss des Videovortrags ein Link zum Dashboard angezeigt werden soll. Default: false.
• steps | array (required): Array von Video-URLs und Komponenten, die zwischendurch angezeigt werden sollen. Default: none.
• videoWidth | (string|number): Videobreite. Default: '100%'.
• videoHeight | (string|number): Video-Höhe. Default: '98vh'.
• style | object: CSS-Inline-Stil. Default: {}.

Beispiele

Live-Editor

<VideoLecture steps={[ 'https://www.youtube.com/watch?v=Lkj8b25ppZo', <FreeTextQuestion id="video-lecture-brainstorming" question="Write down a few ideas of how one could enrich video lectures using other ISLE components" /> ]} />

<VideoLecture steps={[
    'https://www.youtube.com/watch?v=Lkj8b25ppZo',
    <FreeTextQuestion id="video-lecture-brainstorming" question="Write down a few ideas of how one could enrich video lectures using other ISLE components" />
]} />

Ergebnis

ReferenceError: Provider is not defined