next up previous contents
Next: 試題 Up: 資源 Previous: 頁面   Contents

HTML 編輯器嵌入影音

  1. 用途說明:直接在各活動、作業或資源的 HTML 編輯器嵌入影音。
  2. 從 youtube 選取您要的影片,對著影片按滑鼠右鍵,「複製嵌入碼(copy embed code)」。
    Image youtubecopyembedcode
  3. moodle 上任何活動、作業或資源的編輯器都有 HTML 編輯器,點選 HTML (編輯 html 代碼),此範例為作業 algebra。
    Image htmledit
  4. 開啟 html 編輯視窗後貼上,接下更新即可。
    Image htmlcodeedit
  5. 儲存示範的作業 algebra 後顯示結果,可以直接播放影音。
    Image htmlcodeedit
  6. 插入 Youtunbe 影片示範

  7. 嵌入自製的影音,可以直接點選 Moodle Media,上傳影音檔至 moodle 平台即可。
    Image moodlemedia
  8. 上傳自製影音檔至 moodle 平台。
    Image filepicker
  9. 在連結檔最後加入 ...customvideo.flv?d=560x345",可以指定影片顯示視窗大小為 560x345。
    <p><a href="http://dywang.csie.cyut.edu.tw/moodle23/draftfile.php/14/user/draft/831258408/customvideo.flv?d=560x345">customvideo.mp4</a></p>
    
  10. 插入自製影片示範



2018-06-22