Moodle(ムードル)でのYoutube、Vimeo導入方法

2016年7月8日

以前Moodle(ムードル)でできることをご紹介させて頂きました。
参考:Moodle(ムードル)とは? 無料で試せるeラーニング
Moodle(ムードル)は応用範囲が広いので色々な使い方が出来ますが、動画コンテンツを利用することができます。
リアル講義の予習や復習用に動画を作成しそれを掲載しその後小テストという流れですね。
自前サーバーに動画をアップすることもできますが、動画コンテンツを利用する際に簡単なのはYoutubeを利用することです。
Youtubeの動画は自前でサーバーを持つ必要がなく管理画面で動画をアップすればURLとコードが発行されそれらを利用してウェブサイト等に埋め込み形式でアップすることができます。
ウェブサイト(ワードプレス)への埋め込みについては下記ご参考下さい。
参考:ワードプレスにYoutubeの貼り付け
今回はMoodle(ムードル)へのYoutubeの埋め込み方法ご紹介です。

Moodle(ムードル)へのYoutubeの埋め込み手順

コース作成が必要になります。コース作成の方法については下記ご参考下さい。
参考:Moodle(ムードル)導入

  • コース>活動またはリソースを追加する>選択肢一番下の「ラベル」を追加
  • blog moodle1
    blog moodle2

  • アイコンタブからメディアボタンをクリック
  • youtubeページのURLと適当に名前を付けて挿入
  • blog moodle3

  • 作成画面上の見た目は文字コードが入っただけですが、保存してコースに戻るをクリック
  • blog moodle4

  • コースに直接埋め込み動画が表示されます

Vimeoの埋め込みには設定変更が必要

Youtube以外にも色々動画配信サービスはありますが、クリエイターに人気なVimeoというサービスがあります。
参考:Vimeo
こちらの動画は上記と同じ手順で埋め込んでも外部リンクとして表示されるだけで再生画面の埋め込みがされません。
しかし設定を変更することで埋め込みが可能になります。

  • 管理>サイト管理>アピアランス>メディア埋め込み
  • blog moodle5

  • デフォルトではチェックが入っていないのでVimeoにチェック
  • blog moodle6

  • Vimeoの再生画面が表示されます
  • blog moodle7

様々な動画形式に対応しているMoodle(ムードル)

Moodle(ムードル)はYoutube,Vimeo以外にも
MP3オーディオ
Flashビデオ(.flvおよび.f4v)
Flashアニメーション(.swf)
HTML5オーディオ(.ogg、.acc)
HTML5ビデオ(.webm、.m4v、.ogv、.mp4等)
QuickTimeプレイヤー(.mov、.mp4、.m4aおよび.mpg)
Windowsメディアプレイヤー(.aviおよび.wmv)
Realメディアプレイヤー(.rm, *.ra、.ram、.rpおよび.rv)
と様々な形式に対応しています。

小テスト等他の方法と組み合わせて動画を活用しましょう

セミナー等で使用する場合、完了状況として閲覧をチェックすることはできますが中身をちゃんと見たかどうかまではYoutubeそのままでは確認できないので小テストなど他のコンテンツと合わせて利用するのが効果的です。
但し外部サービスを利用すれば確認も可能になるようです。
参考:UniVision 視聴時間管理[LMSセット]

Related Posts

Vimeoのレスポンシブ動画埋め込み対応ができない時

Vimeoのレスポンシブ動画埋め込み対応ができない時

Vimeoは色々カスタマイズもできてホームページに動画を埋め込みたい時は便利なサービスです。 ただ、最近ではレスポンシブデザインのサイトが多くなっているので固定サイズのまま埋め込むとおかしなことになってしまいます。 Vimeoの埋め込みコード発行はレスポンシブにも対応しているのですが、オプションのカスタマイズ設定をしないと対応できないので注意が必要です。 オプションのカスタマイズ設定が見当たらない場合...

重要 総額表示義務化に伴うホームページ修正キャンペーン

2021年4月より総額表示が義務化されます。 今まで経過措置として10000円(税別)の記載でホームページ上OKだったものも11000円(税込)等に修正する必要があります。 主な対象としてはBtoC(不特定への一般消費者向け価格表示)であり、 具体的には接骨院、歯医者、眼科、皮膚科等のクリニックやサービス業、ECサービス等幅広く対象とされています。 まだご自身のホームページを修正されていない場合はお早めにご対応下さい。 なお、弊社では初めてのクライアント様は特別料金(無料~)で対応させて頂いています。...

contactform7 確認画面や完了画面を表示する

contactform7は、完成形のフォームのプラグインであるため手間のかからない優れたものだと個人的には思っております。 ただ、確認画面や完了画面を表示するとなるとちょっとしたコツが必要です。 1 確認画面を表示する プラグイン(Contact Form 7 add confirm)を利用することにより、対応できる。 少し手間をかけて、フォームの上部にテキストを表示することも可能です。 <p class="wpcf7c-elm-step1"...