Video Lecture

A video lecture component that displays videos interspersed with interactive elements.

Options

• controls | boolean: indicates whether to display control elements of the video players. Default: true.
• instructorView | boolean: controls whether to include instructor view. Default: true.
• linkToDashboard | boolean: controls whether to display a link to the dashboard once completing the video lecture. Default: false.
• steps | array (required): array of video URLs and components to be displayed in-between. Default: none.
• videoWidth | (string|number): video width. Default: '100%'.
• videoHeight | (string|number): video height. Default: '98vh'.
• style | object: CSS inline style. Default: {}.

Examples

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" />
]} />

Result

ReferenceError: Provider is not defined