隨著詐騙手法日新月異，校園防詐教育成為當前重要議題之一。為了加強學生的防詐意識，學校行政單位提供了三部精選的 防詐騙宣導 YouTube 影片，作為教學素材。然而，僅僅提供三個影片的網址連結，無法達到有效的教學效果。教師在課堂上難以進行深入引導，學生也可能只是被動觀看影片，草草了事，無法真正內化防詐知識。
為了改善這個情況，本篇文章將教你如何使用 Google Gemini 協助製作一個互動式的防詐宣導網頁，讓教師能夠結合文字說明、圖片與影片，提升教學互動性與學習成效。但是，出現一個：Gemini 寫的程式無法直接嵌入 YouTube 影片。
Gemini 雖能協助產出 HTML 網頁程式碼，但目前尚無法直接將 YouTube 影片嵌入到網頁中顯示，這對於影片為主體的宣導內容來說是一大限制。
參考以下的解法
提示詞：為以下三部YouTube影片整合製作一個網頁，這是一個具自學、討論、遊戲和測驗的互動學習平台。在網頁中可以觀賞這個影片，並依據影片內容作為防詐的宣導，盡量充實學習內容的知識量，使用繁體中文並注意字體大小以利學生閱讀。避免使用外部圖片資源，以明亮而色彩豐富的視覺化設計，並盡量增加網頁互動性，以利學生學習。再以側邊欄位，顯示學生操作歷程的記錄，並且可以切換顯示/隱藏側邊欄位。並提供按鈕，可以將學生操作歷程的記錄在瀏覽器中以列印方式輸出學習記錄的PDF檔。
影片1：https://www.youtube.com/watch?v=Ze5RfUBdEqU
影片2：https://www.youtube.com/watch?v=CXRUgU-7xrQ
影片3：https://www.youtube.com/watch?v=rfily7oXL4c
實作結果，發生無法顯示影片的狀況。
檢視其程式碼發現，影片不是嵌入（embed）方式呈現。該如何修正？
你可以這樣做：先找到影片的分享按鈕，再點選「嵌入」。
複製嵌入影片的程式碼：
貼至 Gemini 的程式碼中原 YouTube 影片的網址：（<iframe>.....</iframe>）
三個影片都依此做法處理，影像即可顯示。
分享網址：https://gemini.google.com/u/2/share/e51a4abc1111
另一個範例：https://gemini.google.com/share/bf29ed0d5a10
第3個範例：https://g.co/gemini/share/8fc77dce19c7
留言列表