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

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

▲點"選擇一項檔案"。

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

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

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

▲可以儲存瀏覽囉!

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

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

▲播放中的樣子~(小提示:在影片上點滑鼠"右鍵"可以看到多個播放功能)
贊助廣告 ‧ Sponsor advertisements
浮水印製作
📆 2013-01-01
📁
軟體應用, 多媒體, 靜圖處理
Telegram 9.1 for Android & Telegram Desktop 4.3 更新:群組主題、收藏使用者名稱等
📆 2022-11-06
📁
軟體應用, 行動平台, 資訊新聞, APP應用, Android
Google 相機 & StereoPhoto Maker & Facebook:用一般的手機輕鬆建立 3D 照片!景深 3D 照完整...
📆 2019-04-19
📁
軟體應用, 多媒體, 行動平台, 行動裝置, APP應用, Android, 靜圖處理
SD web UI:設定 Negative Guidance minimum sigma 讓出圖加速吧!
📆 2023-06-15
📁
軟體應用, 人工智慧, AI繪圖
Caddy Server:快速建置一個擁有 HTTPS 的 localhost 網頁伺服器(Windows 環境)
📆 2025-01-21
📁
軟體介紹, 軟體應用, 網站技術, 伺服器
SD web UI x ControlNet:運用 Tile 使 AI 參考構圖進行再生成(搭配 LoRA 模型)
📆 2023-05-04
📁
軟體應用, 人工智慧, AI繪圖
Brackets 擴充功能「Brackets Icons」:為左側樹狀檔案列表加入類型圖示
📆 2018-09-20
📁
軟體應用, 網站技術
Telegram Desktop (桌面版) 客戶端字體更換教學
📆 2018-01-03
📁
軟體應用
留言區 / Comments
萌芽論壇