# 7. H5P互動影片

# 7.1 H5P互動影片簡介

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2026-09/scaled-1680-/drpimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2026-09/drpimage.png)

「 H5P互動影片（H5P Interactive Video）」是一項互動式數位學習工具，可將原有的影片內容轉化為具互動性的學習體驗。教師可於影片中加入題目、提示訊息及延伸資源等互動元素，引導學生於觀看過程中思考及回應。透過即時回饋及多元互動活動，學生能更積極參與學習過程，提升理解程度及學習投入度。[  ](https://ideals-doc.cite.hku.hk/books/ilap-ZTb/page/21-wdJ)

# 7.2 H5P互動影片教學功能

> 本節介紹 H5P 互動影片的教學功能。教師可透過互動提問、即時回饋及情境式學習活動，引導學生主動參與學習，並培養自主學習能力及知識應用能力。

### **7.2.1 促進即時回饋與學習覺察**

- **提供即時回饋：**學生於完成互動活動後，可即時獲得作答結果及提示，了解自己的理解程度及需要改善的地方。
- **強化自我檢核能力：**透過重試機制及提示訊息，學生可主動檢視自身理解情況，辨識迷思概念並修正錯誤。
- **掌握學習進度：**教師及學生可透過作答紀錄及完成狀況了解學習進度，及早發現學習困難並作出調整。

### **7.2.2 支援學習多樣性**

- **配合不同學習節奏：**學生可依照個人進度控制影片播放、暫停、重播及重新作答，配合不同學習需要。
- **降低認知負擔：**教師可將較複雜的學習內容分拆為多個互動學習環節，協助學生逐步理解及掌握重點概念。
- **提供多元學習方式：**透過影片、文字、圖片及互動活動等不同形式呈現內容，有助照顧不同學生的學習偏好。

### **7.2.3 支援主動學習與知識建構**

- **促進主動參與：**互動問題會於影片播放期間適時出現，學生須思考並回應後才能繼續觀看，有助提升專注度及學習投入程度。
- **應用及遷移知識：**情境式問題及案例分析活動可協助學生將所學概念應用於真實情境之中，促進知識遷移。
- **鞏固核心概念：**H5P 互動影片可用作課前預習、課堂活動或課後複習工具，協助學生持續鞏固學習內容。

# 7.3 H5P互動影片學習分析功能

> 本節介紹 H5P 互動影片的學習分析功能。教師可透過學生的作答紀錄、得分情況及嘗試次數等數據，了解學生的學習參與程度、概念理解情況及自主學習表現，作為後續教學調整及學習支援的依據。


### **7.3.1 監察作答紀錄**

- 教師可透過「作答紀錄」頁面了解學生整體的學習表現及參與情況。 
    - <span lang="ZH-CN" style="font-size: 10.5pt; font-family: 'Microsoft YaHei',sans-serif; mso-bidi-font-family: 'Microsoft YaHei'; mso-font-kerning: 0pt; mso-ligatures: none;">最後提交日期</span>
    - <span lang="ZH-CN" style="font-size: 10.5pt; font-family: 'Microsoft YaHei',sans-serif; mso-bidi-font-family: 'Microsoft YaHei'; mso-font-kerning: 0pt; mso-ligatures: none;">得分（</span><span style="font-size: 10.5pt; font-family: 'Segoe UI',sans-serif; mso-fareast-font-family: 'Times New Roman'; mso-font-kerning: 0pt; mso-ligatures: none;">Score</span><span lang="ZH-CN" style="font-size: 10.5pt; font-family: 'Microsoft YaHei',sans-serif; mso-bidi-font-family: 'Microsoft YaHei'; mso-font-kerning: 0pt; mso-ligatures: none;">）</span>
    - <span lang="ZH-CN" style="font-size: 10.5pt; font-family: 'Microsoft YaHei',sans-serif; mso-bidi-font-family: 'Microsoft YaHei'; mso-font-kerning: 0pt; mso-ligatures: none;">嘗試次數（</span><span style="font-size: 10.5pt; font-family: 'Segoe UI',sans-serif; mso-fareast-font-family: 'Times New Roman'; mso-font-kerning: 0pt; mso-ligatures: none;">Attempts</span><span lang="ZH-CN" style="font-size: 10.5pt; font-family: 'Microsoft YaHei',sans-serif; mso-bidi-font-family: 'Microsoft YaHei'; mso-font-kerning: 0pt; mso-ligatures: none;">）</span>
    - <span lang="ZH-CN" style="font-size: 10.5pt; font-family: 'Microsoft YaHei',sans-serif; mso-bidi-font-family: 'Microsoft YaHei'; mso-font-kerning: 0pt; mso-ligatures: none;">完成狀況</span>

透過分析學生的得分及作答次數，教師可掌握學生對影片內容的理解程度及自主學習情況。例如，得分偏低的學生可能需要額外支援；而多次嘗試後獲得較高分數的學生，則反映其願意透過持續練習改善學習表現。

#### **作答記錄分析例子：**


[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2026-09/scaled-1680-/HXLimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2026-09/HXLimage.png)

### **7.3.2 分析學生作答歷程**

- 教師可透過詳細作答紀錄了解學生的學習歷程及進步情況。 
    - 每次作答的得分；
    - 期間：反映學生在該次嘗試中的投入時間。
    - 完成狀態：顯示學生對內容的掌握程度。「成功」圖示（如打勾符號）代表學生已達標。
    - 作答內容；
    - 多次作答紀錄。

透過比較學生不同次數的作答結果，教師可了解學生是否透過重複觀看影片及修正錯誤逐步掌握學習內容。結合作答時間及得分變化，亦有助教師辨識學生的學習投入程度及掌握情況，並提供更具針對性的教學支援。

#### **作答歷程分析例子：**

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2026-09/scaled-1680-/Zerimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2026-09/Zerimage.png)

# 7.4 H5P互動影片詳細設定指引

> 本節介紹H5P互動影片的各項設定選項，協助教師建立具互動性及教學效益的學習活動。

### **7.4.1 一般設定**

- **H5P名稱：**顯示於課程頁面的活動名稱。
- **H5P簡介：**說明活動目的、使用方式或學習要求，並支援插入圖片及超連結。
- **顯示活動說明：**啟用後，活動簡介將顯示於課程頁面的活動連結下方。

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2026-09/scaled-1680-/9mKimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2026-09/9mKimage.png)

### **7.4.2 評分及完成條件設定**

教師可透過評分及完成條件設定，確保學生達到指定學習要求後才被標示為完成活動。

- **及格成績：**設定學生需要達到的最低分數要求。

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2026-09/scaled-1680-/lf5image.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2026-09/lf5image.png)

- **活動完成條件：**透過完成條件設定，教師可更有效追蹤學生的學習進度及參與情況。 
    - 瀏覽此活動；
    - 需要取得成績；
    - 達到及格成績。

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2026-09/scaled-1680-/Csfimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2026-09/Csfimage.png)

### **7.4.3 上傳影片教材**

- 教師可於**內容庫（Content Bank）**新增**「Interactive Video」**，並透過以下方式建立影片內容： 
    - 上傳影片檔案；
    - 輸入 YouTube 影片連結；
    - 使用其他支援的影片來源。
    - 完成後可設定影片標題及相關資料。

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2026-09/scaled-1680-/ruqimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2026-09/ruqimage.png)

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2026-09/scaled-1680-/1mfimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2026-09/1mfimage.png)

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2026-09/scaled-1680-/TeKimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2026-09/TeKimage.png)

### **7.4.4 影片基本設定**

- **互動影片資訊設定**： 
    - **互動影片標題 (The title of this interactive video)**：必填欄位。此標題將用於系統摘要、統計數據及學習進度追蹤。
    - **在起始畫面隱藏標題 (Hide title on video start screen)：**若希望起始畫面簡潔，可以勾選此項來隱藏標題文字。
    - **簡短描述 (Short description)：**可選填。在影片啟動畫面上顯示一段簡短的導言（注意：此功能不支援來源為 YouTube 的影片）。
    - **封面圖片 (Poster image)：**在影片尚未開始播放前呈現的預覽圖，點擊「添加」即可上傳（注意：此功能不支援來源為 YouTube 的影片）。
- **字幕設定：**（注意：此區塊所有的設定皆不支援來源為 YouTube 的影片） 
    - **新增字幕軌 (Available text tracks)：**點擊「添加Track」按鈕，可以上傳不同語言的字幕檔案（通常為 .vtt 格式）並標註語言名稱。
    - **展開所有內容 (Expand all content)：**點擊右側綠色按鈕可一次查看所有已上傳的字幕軌資訊。
    - **預設字幕軌 (Default text track)：**■ 在此輸入希望影片播放時自動開啟的字幕語言名稱。  
        ■ 若此欄位留空或輸入的名稱與現有標籤不符，系統將預設使用第一個上傳的字幕軌作為播放來源。

### **7.4.5 新增互動內容**

H5P互動影片提供多種互動元素，教師可根據學習目標、課堂活動設計及學生需要，於影片的指定位置加入不同類型的互動內容，以提升學生的參與度及學習成效。

<div id="bkmrk-%E6%A6%82%E5%BF%B5%E7%90%86%E8%A7%A3%E6%AA%A2%E6%A0%B8%EF%BC%9A%E9%81%B8%E6%93%87%E9%A1%8C%E3%80%81%E6%98%AF%E9%9D%9E%E9%A1%8C%E3%80%81%E5%A1%AB%E5%85%85%E9%A1%8C-%E7%9F%A5">- **概念理解檢核**：選擇題、是非題、填充題
- **知識應用與分析**：拖放題、分支情境、判斷敘述
- **重點提示與補充說明**：標籤、文字、圖片
- **延伸學習與資源導航**：超連結、導覽熱區
- **課堂總結與複習**：判斷敘述、單選題組、拖放文字

</div>透過適當結合不同互動元素，教師可將影片由單向觀看轉化為主動參與的學習歷程，提升學生的學習投入程度及概念掌握情況。

<table border="1" id="bkmrk-%E6%A8%A1%E5%BC%8F-%E4%B8%BB%E8%A6%81%E7%89%B9%E9%BB%9E-%E5%BB%BA%E8%AD%B0%E7%94%A8%E9%80%94-%E5%96%AE%E4%B8%80%E7%B0%A1%E5%96%AE%E8%A8%8E%E8%AB%96%E4%B8%BB" style="border-collapse: collapse; width: 101.786%; height: 674.516px;"><colgroup><col style="width: 25.7449%;"></col><col style="width: 37.6639%;"></col><col style="width: 36.7104%;"></col></colgroup><tbody><tr style="height: 29.7969px;"><td style="height: 29.7969px;">**互動類型**</td><td style="height: 29.7969px;">**主要特點**</td><td style="height: 29.7969px;"><div>**建議用途**</div></td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px;">Label（標籤）

</td><td style="height: 46.5938px;">在影片畫面上疊加簡短的文字標籤。

</td><td style="height: 46.5938px;">用於標示關鍵概念、專有名詞、重要位置或操作步驟，協助學生聚焦學習重點。

</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px;"><div>Text（文字）</div></td><td style="height: 46.5938px;">顯示詳細文字說明。

</td><td style="height: 46.5938px;">用於補充背景資料、概念解釋、學習提示或延伸說明。

</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px;"><div>Table（表格）</div></td><td style="height: 46.5938px;">以表格形式呈現資訊。

</td><td style="height: 46.5938px;">用於比較不同概念、整理數據資料或展示流程資訊。

</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px;"><div>Link（超連結）</div></td><td style="height: 46.5938px;">提供可點選的外部連結。

</td><td style="height: 46.5938px;">用於連結延伸閱讀資源、參考資料、討論區或其他課程活動。

</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px;"><div>Image（圖片）</div></td><td style="height: 46.5938px;">在影片中插入圖片或圖表。

</td><td style="height: 46.5938px;">用於展示示意圖、統計圖表、照片或其他視覺輔助教材。

</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px;"><div>Statements（敘述判斷）</div></td><td style="height: 46.5938px;">列出一組總結性敘述句，讓學生選出正確總結。

</td><td style="height: 46.5938px;">適合作為單元總結活動，協助學生回顧及整理學習重點。

</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px;"><div>Single Choice Set（單選題組）</div></td><td style="height: 46.5938px;">一系列的單選題組，問題會依序出現，答對一題才能進入下一題。

</td><td style="height: 46.5938px;">適合檢核學生對基礎知識、步驟或事實內容的掌握程度。

</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px;"><div>Multiple Choice（選擇題組）</div></td><td style="height: 46.5938px;">可設定單選或複選題，並提供選項回饋。

</td><td style="height: 46.5938px;">用於概念理解檢核、情境應用或診斷學生常見迷思。

</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px;"><div>True/ False Question（是非題）</div></td><td style="height: 29.7969px;">提供二選一的判斷問題。

</td><td style="height: 29.7969px;">用於快速檢查學生對關鍵概念的理解情況。

</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px;"><div>Fill in the Blanks（填空題）</div></td><td style="height: 46.5938px;">在一段文字中設定空格，要求學生手動輸入正確的關鍵字或短語。

</td><td style="height: 46.5938px;">適合檢核關鍵詞彙、專有名詞及重要概念的掌握程度。

</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px;"><div>Drag and Drop（拖拽題）</div></td><td style="height: 46.5938px;">將文字或圖片拖放至指定位置。

</td><td style="height: 46.5938px;">用於配對活動、概念分類、標示結構圖或流程排序。

</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px;"><div>Mark the Words</div></td><td style="height: 29.7969px;">於段落中找出正確字詞。

</td><td style="height: 29.7969px;">用於閱讀理解、重點辨識及文本分析活動。

</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Drag the Words</td><td style="height: 29.7969px;">將指定詞語拖放至適當位置。</td><td style="height: 29.7969px;">用於鞏固概念關係、句子結構或內容總結。

</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Crossroads（分支情境）</td><td style="height: 29.7969px;">根據學生選擇跳轉至不同影片內容。</td><td style="height: 29.7969px;"><div>用於情境學習、案例分析及差異化學習路徑設計。</div></td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Navigation Hotspot</td><td style="height: 29.7969px;">點選特定區域後跳轉至影片不同部分。</td><td style="height: 29.7969px;">適合建立影片目錄、章節導覽或重點內容快速存取功能。

</td></tr></tbody></table>

### **7.4.6 行為設定**

教師可透過行為設定調整學生的互動體驗及作答規則。

<table border="1" id="bkmrk-%E8%A8%AD%E5%AE%9A%E9%A0%85%E7%9B%AE-%E8%AA%AA%E6%98%8E-%E3%80%8C%E9%87%8D%E8%A9%A6%E3%80%8D-%28enable" style="border-collapse: collapse; width: 100%; height: 338.391px;"><colgroup><col style="width: 50%;"></col><col style="width: 50%;"></col></colgroup><tbody><tr style="height: 29.7969px;"><td style="height: 29.7969px;">**設定項目**</td><td style="height: 29.7969px;">**說明**</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px;">「重試」 (Enable "Retry")</td><td style="height: 29.7969px;">學生在答錯時可以清除目前的答案並重新嘗試。</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px;">「顯示答案」按鈕 (Enable "Show solution" button)</td><td style="height: 29.7969px;">系統將提供按鈕供學生直接查看正確答案。</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px;">輸入後自動檢查答案 (Automatically check answers after input)</td><td style="height: 29.7969px;">學生輸入完成後系統會立即判別對錯，無需點擊檢查按鈕。</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px;">區分大小寫 (Case sensitive)</td><td style="height: 29.7969px;">確保學生的輸入必須與標準答案的大小寫完全一致才算正確。</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px;">查看答案前須回答所有欄位 (Require all fields to be answered before the solution can be viewed) </td><td style="height: 46.5938px;">強制要求學生必須填寫所有輸入框，系統才會允許顯示正確答案。</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px;">將輸入欄位分行顯示 (Put input fields on separate lines)</td><td style="height: 29.7969px;">將多個輸入框排列在不同的行中，而非併排顯示。</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px;">「檢查」前顯示確認對話框 (Show confirmation dialog on "Check")</td><td style="height: 46.5938px;">學生點擊「檢查答案」時會彈出確認視窗（與「自動檢查答案」功能不相容）。</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px;">「重試」前顯示確認對話框 (Show confirmation dialog on "Retry")</td><td style="height: 46.5938px;">學生點擊「重試」時會彈出確認視窗，避免誤觸清除答案。</td></tr><tr style="height: 19.8281px;"><td style="height: 19.8281px;">接受微小的拼寫錯誤 (Accept minor spelling errors)</td><td style="height: 19.8281px;">系統將允許小範圍的拼寫誤差：

- 3-9 個字元：允許 1 個字元錯誤。
- 超過 9 個字元：允許 2 個字元錯誤。

</td></tr></tbody></table>

### **7.4.7 編輯互動元件**

教師可於影片編輯介面管理已建立的互動內容，包括：

- **調整位置：**直接在預覽畫面上拖曳互動元件，即可改變它在影片中出現的位置。
- **編輯內容 (筆型圖示)：**點擊控制列中的「編輯 (Edit)」按鈕，即可修改該題目的問題內容、選項或行為設定。
- **刪除元件 (垃圾桶圖示)：**若不再需要該互動，點擊「移除 (Remove)」按鈕即可將其刪除。
- **其他操作：**控制列亦提供「置於底層/頂層」或「複製」等功能，方便您快速佈置多個互動元件。

透過持續優化互動設計，教師可提升學生的參與度及學習成效。

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2026-09/scaled-1680-/NRrimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2026-09/NRrimage.png)