BlueGriffon網頁製作教學:插入HTML5影片
2014/05/07
萌芽站長
1,842 0
軟體應用
想學網頁製作的人有福了!BlueGriffon提供相當多功能,可以簡單的製作出網頁來,相當方便!這篇文章是教大家如何插入HTML5影片。

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

▲點"選擇一項檔案"。

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

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

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

▲可以儲存瀏覽囉!

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

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

▲播放中的樣子~(小提示:在影片上點滑鼠"右鍵"可以看到多個播放功能)
贊助廣告 ‧ Sponsor advertisements
Telegram 5.3 for Android & Telegram Desktop 1.5.10 更新:聊天室背景 2.0、純色背景、動態背景
📆 2019-02-02
📁
軟體應用, 行動平台, 資訊新聞, APP應用, Android
Video Speed Controller:讓瀏覽器上的 HTML5 影片播放可以加速或減速
📆 2020-03-17
📁
軟體應用, 瀏覽器, Google Chrome, 擴充元件
Telegram 5.7 for Android & Telegram Desktop 1.7.2 更新:專注隱私、討論群組、無縫接軌網頁服務...
📆 2019-06-01
📁
軟體應用, 行動平台, 資訊新聞, APP應用, Android
Stable Diffusion web UI:如何更新到最新版本?
📆 2023-02-26
📁
軟體應用, 人工智慧, AI繪圖
Windows自黏便箋
📆 2013-01-01
📁
軟體應用
ComfyUI x Hunyuan Video 1.5:16GB VRAM 以圖生影角色動畫生成(附工作流)
📆 2025-12-02
📁
軟體應用, 人工智慧, AI影片
PowerDirector威力導演:製作一部簡易的影片
📆 2016-08-05
📁
軟體應用, 多媒體, 影片編輯
VS Code x GitHub Copilot:加入 Gemini 2.5 Pro 模型,感受 AI 建專案的魅力!
📆 2025-04-10
📁
軟體應用, 網站技術, 人工智慧
留言區 / Comments
萌芽論壇