BlueGriffon網頁製作教學:插入HTML5影片
2014/05/07
萌芽站長
1,871 1
軟體應用
⚠️ 溫馨提醒:我們發現您可能啟用了廣告阻擋器,請將本站加入白名單以正常閱讀文章內容,謝謝支持 ❤️
想學網頁製作的人有福了!BlueGriffon提供相當多功能,可以簡單的製作出網頁來,相當方便!這篇文章是教大家如何插入HTML5影片。

▲開啟BlueGriffon後建立新頁面,接著點上方"插入或編輯影片"。

▲點"選擇一項檔案"。

▲開啟視訊檔(支援.mp4)。

▲建議開啟"顯示影片控制",這樣影片才會出現控制區供暫停與播放等...。可以在此播放影片,到喜歡的畫面時可以點"使用目前的幀作為封面"設為該影片封面。

▲直接按"確定"。(上方那網址為Data URI,可以直接以網址顯示圖片)

▲可以儲存瀏覽囉!

▲儲存時需要打"網頁標題"。

▲儲存後用瀏覽器打開,可看到影片封面與控制區。

▲播放中的樣子~(小提示:在影片上點滑鼠"右鍵"可以看到多個播放功能)
贊助廣告 ‧ Sponsor advertisements
SD web UI x Detail Tweaker LoRA:保持原有 AI 繪圖畫面之下增強或減少細節
📆 2023-05-06
📁
軟體應用, 人工智慧, AI繪圖
CLIP STUDIO PAINT:調整軟體介面淡色OR濃色
📆 2017-07-07
📁
軟體應用
PhotoImpact:製作毛玻璃風格的圖片
📆 2014-07-01
📁
軟體應用, 多媒體, 靜圖處理
Stable Diffusion web UI x a1111-sd-webui-lycoris:使用 LyCORIS 模型 AI 生成影像!
📆 2023-04-15
📁
軟體應用, 人工智慧, AI繪圖
Stable Diffusion web UI:運用 R-ESRGAN 4x+ Anime6B 達成 AI 放大及提高動漫圖片畫質
📆 2022-12-01
📁
軟體應用, 多媒體, 人工智慧, AI繪圖, 靜圖處理
Google Chrome 全局媒體控制(第 77 版全新實驗功能)
📆 2019-09-20
📁
軟體應用, 瀏覽器, 資訊新聞, Google Chrome
GitHub Desktop:建立、上傳專案教學,公開自己的專案到 GitHub 吧!
📆 2019-04-04
📁
軟體介紹, 軟體應用, 網路應用, 網站技術
NSSM 加入 Windows 環境變數教學:快速在任意路徑執行 NSSM 指令!
📆 2025-05-28
📁
軟體應用, 作業系統, Windows
留言區 / Comments
萌芽論壇