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

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

▲點"選擇一項檔案"。

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

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

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

▲可以儲存瀏覽囉!

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

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

▲播放中的樣子~(小提示:在影片上點滑鼠"右鍵"可以看到多個播放功能)
贊助廣告 ‧ Sponsor advertisements
Stable Diffusion web UI x Tagger:更精準分析及反推 AI 繪圖標籤(提詞、咒語),支援批次處理
📆 2023-02-28
📁
軟體應用, 人工智慧, AI繪圖
Telegram「GroupAgree Bot」:建立投票、單選多選、匿名或公開投票
📆 2018-04-02
📁
軟體應用, 行動平台, APP應用
Git 版本控制:建立與初始化本地倉庫、暫存與認可變更(使用 VS Code)
📆 2019-09-18
📁
軟體應用, 網站技術, 程式設計
ComfyUI x ResolutionSelector:長寬比與目標總像素之解析度對照表,精確掌控 AI 生成尺寸
📆 2026-08-11
📁
軟體應用, 人工智慧
Telegram 6.3 for Android & Telegram Desktop 2.2 更新:個人資料影片、2GB 文件共享、群組統計、改...
📆 2020-07-27
📁
軟體應用, 行動平台, 資訊新聞, APP應用, Android
Cruiser:在電腦安裝&瀏覽 MOI.OSM - Taiwan TOPO (by Rudy) 登山地圖
📆 2018-07-07
📁
軟體介紹, 軟體應用, GIS/GPS, 世界地理
Stable Diffusion web UI:生成 X/Y 圖表,比較不同參數 AI 繪圖的成果!
📆 2023-01-24
📁
軟體應用, 人工智慧, AI繪圖
MySQL:解決缺少表達式及 MySOL server has gone away 問題(教學基於 XAMPP)
📆 2022-10-08
📁
軟體應用, 網站技術, 伺服器, 資料庫
留言區 / Comments
萌芽論壇