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

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

▲點"選擇一項檔案"。

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

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

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

▲可以儲存瀏覽囉!

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

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

▲播放中的樣子~(小提示:在影片上點滑鼠"右鍵"可以看到多個播放功能)
贊助廣告 ‧ Sponsor advertisements
不用再煩惱!Windows 安裝 FFmpeg 的完整指南
📆 2025-03-10
📁
軟體應用, 多媒體, 影片編輯, 音訊處理
Highlight Matching Tag(Visual Studio Code 擴充功能):HTML 開始與結束標籤強調與標示
📆 2020-03-02
📁
軟體應用, 網站技術, HTML
Ant Renamer:檔名格式批量修改示範
📆 2016-02-02
📁
軟體應用
利用縮放工具使FB聊天視窗可開更多個
📆 2014-01-27
📁
軟體應用
Windows Terminal:修改設定值、預設殼層程式修改、自訂版面參數、終端機主題
📆 2019-08-26
📁
軟體應用, 作業系統, Windows
Inno Setup:生成正體中文介面的 EXE 安裝程式
📆 2024-07-02
📁
軟體應用
Android Studio:Firebase RealTime Database 建立與規則設定、APP 寫入與讀取
📆 2019-11-03
📁
軟體應用, 網路應用, 行動平台, 程式設計, 資料庫, Android, JAVA, APP開發
Git 版本控制:「.gitignore」是讓你忽略某些檔案、目錄的設定檔!
📆 2019-10-02
📁
軟體應用, 網站技術, 程式設計
留言區 / Comments
萌芽論壇