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

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

▲點"選擇一項檔案"。

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

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

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

▲可以儲存瀏覽囉!

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

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

▲播放中的樣子~(小提示:在影片上點滑鼠"右鍵"可以看到多個播放功能)
贊助廣告 ‧ Sponsor advertisements
Telegram Desktop:文字的格式化
📆 2018-06-05
📁
軟體應用
Aegisub:運用自動化腳本批次淡入淡出字幕
📆 2025-05-19
📁
軟體應用, 多媒體, 影片編輯
Google Chrome:全新「分頁群組」幫你整理雜亂無章的分頁!
📆 2020-05-17
📁
軟體應用, 瀏覽器, 資訊新聞, Google Chrome
Android Studio:Firebase RealTime Database 建立與規則設定、APP 寫入與讀取
📆 2019-11-03
📁
軟體應用, 網路應用, 行動平台, 程式設計, 資料庫, Android, JAVA, APP開發
Stable Diffusion web UI x Waifu Diffusion:本機 AI 生成高品質二次元動漫角色
📆 2022-11-02
📁
軟體應用, 人工智慧, AI繪圖
HeidiSQL:遠端連線虛擬主機 MySQL 以備份資料庫為 SQL 檔
📆 2022-09-11
📁
軟體應用, 網站技術, 伺服器, 資料庫, SQL
Stable Diffusion web UI:運用 R-ESRGAN 4x+ Anime6B 達成 AI 放大及提高動漫圖片畫質
📆 2022-12-01
📁
軟體應用, 多媒體, 人工智慧, AI繪圖, 靜圖處理
Telegram Desktop (桌面版) 4.6 之後全新的字型更換教學
📆 2023-02-07
📁
軟體應用
留言區 / Comments
萌芽論壇