BlueGriffon網頁製作教學:插入HTML5影片
2014/05/07
萌芽站長
1,658 0
軟體應用
想學網頁製作的人有福了!BlueGriffon提供相當多功能,可以簡單的製作出網頁來,相當方便!這篇文章是教大家如何插入HTML5影片。
![](https://mnya.tw/cc/wp-content/plugins/native-lazyload/assets/images/placeholder.svg)
▲開啟BlueGriffon後建立新頁面,接著點上方"插入或編輯影片"。
![](https://mnya.tw/cc/wp-content/plugins/native-lazyload/assets/images/placeholder.svg)
▲點"選擇一項檔案"。
![](https://mnya.tw/cc/wp-content/plugins/native-lazyload/assets/images/placeholder.svg)
▲開啟視訊檔(支援.mp4)。
![](https://mnya.tw/cc/wp-content/plugins/native-lazyload/assets/images/placeholder.svg)
▲建議開啟"顯示影片控制",這樣影片才會出現控制區供暫停與播放等...。可以在此播放影片,到喜歡的畫面時可以點"使用目前的幀作為封面"設為該影片封面。
![](https://mnya.tw/cc/wp-content/plugins/native-lazyload/assets/images/placeholder.svg)
▲直接按"確定"。(上方那網址為Data URI,可以直接以網址顯示圖片)
![](https://mnya.tw/cc/wp-content/plugins/native-lazyload/assets/images/placeholder.svg)
▲可以儲存瀏覽囉!
![](https://mnya.tw/cc/wp-content/plugins/native-lazyload/assets/images/placeholder.svg)
▲儲存時需要打"網頁標題"。
![](https://mnya.tw/cc/wp-content/plugins/native-lazyload/assets/images/placeholder.svg)
▲儲存後用瀏覽器打開,可看到影片封面與控制區。
![](https://mnya.tw/cc/wp-content/plugins/native-lazyload/assets/images/placeholder.svg)
▲播放中的樣子~(小提示:在影片上點滑鼠"右鍵"可以看到多個播放功能)
贊助廣告 ‧ Sponsor advertisements
StableSwarmUI:模組化、高性能且擴展性強的 Stable Diffusion 網頁介面
📆 2024-06-13
📁
軟體應用, 人工智慧, AI繪圖
Native Lazyload:原生延遲載入功能登場!純 HTML 就能做到!
📆 2019-09-14
📁
軟體應用, 瀏覽器, 網站技術, HTML, 架站程式, WordPress, Google Chrome
Stable Diffusion web UI x Kohya's GUI:訓練 LoRA 模型教學,快速上手最流行的 AI 繪圖訓練方式!
📆 2023-02-10
📁
軟體應用, 人工智慧, AI繪圖
Stable Diffusion web UI x Stable Diffusion 2.0:本機 AI 生成各式各樣的影像
📆 2022-11-28
📁
軟體應用, 人工智慧, AI繪圖
Stable Diffusion web UI:如何移除擴充功能(Extensions)?
📆 2023-03-11
📁
軟體應用, 人工智慧, AI繪圖
Telegram x Controller Bot:建立擁有回饋、評論、連結按鈕之頻道訊息
📆 2020-03-29
📁
軟體應用, 行動平台, APP應用, Android
SAO Utils:為電腦打造Sword Art Online的風格
📆 2014-06-27
📁
軟體應用
Photoshop:隱藏首頁的最近使用檔案
📆 2022-09-14
📁
軟體應用
留言區 / Comments
萌芽論壇