Video Lecture

インタラクティブな要素が散りばめられたビデオを表示するビデオレクチャーコンポーネント。

オプション

• controls | boolean: は、ビデオプレーヤの制御要素を表示するかどうかを示します。. Default: true.
• instructorView | boolean: インストラクタービューを含めるかどうかを制御します。. Default: true.
• linkToDashboard | boolean: ビデオ講義の終了後にダッシュボードへのリンクを表示するかどうかを制御します。. Default: false.
• steps | array (required): 動画の URL と中間に表示されるコンポーネントの配列. Default: none.
• videoWidth | (string|number): ビデオ幅. Default: '100%'.
• videoHeight | (string|number): ビデオハイト. Default: '98vh'.
• style | object: シーエスエスインラインスタイル. Default: {}.

例としては、以下のようなものがあります。

ライブエディター

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

結果

ReferenceError: Provider is not defined