BlueGriffon網頁製作教學:插入HTML5影片
2014/05/07
萌芽站長
1,700 0
軟體應用
想學網頁製作的人有福了!BlueGriffon提供相當多功能,可以簡單的製作出網頁來,相當方便!這篇文章是教大家如何插入HTML5影片。
▲開啟BlueGriffon後建立新頁面,接著點上方"插入或編輯影片"。
▲點"選擇一項檔案"。
▲開啟視訊檔(支援.mp4)。
▲建議開啟"顯示影片控制",這樣影片才會出現控制區供暫停與播放等...。可以在此播放影片,到喜歡的畫面時可以點"使用目前的幀作為封面"設為該影片封面。
▲直接按"確定"。(上方那網址為Data URI,可以直接以網址顯示圖片)
▲可以儲存瀏覽囉!
▲儲存時需要打"網頁標題"。
▲儲存後用瀏覽器打開,可看到影片封面與控制區。
▲播放中的樣子~(小提示:在影片上點滑鼠"右鍵"可以看到多個播放功能)
贊助廣告 ‧ Sponsor advertisements
SD web UI:二次元角色阿嘿顏、愛心瞳孔的 AI 繪圖提詞
📆 2024-04-04
📁
軟體應用, 人工智慧, AI繪圖
Telegram 8.7 for Android & Telegram Desktop 3.7 更新:通知鈴聲、機器人革命等
📆 2022-04-23
📁
軟體應用, 行動平台, 資訊新聞, APP應用, Android
Video Speed Controller:讓瀏覽器上的 HTML5 影片播放可以加速或減速
📆 2020-03-17
📁
軟體應用, 瀏覽器, Google Chrome, 擴充元件
SD web UI x ControlNet:全新 UI 功能「控制類型篩選器」(Control Type)
📆 2023-05-27
📁
軟體應用, 人工智慧, AI繪圖
GitHub Desktop:複製專案、修改提交版本後上傳至自己的雲端倉庫
📆 2019-09-22
📁
軟體應用, 網路應用, 網站技術
Bracket Pair Colorizer(Visual Studio Code 擴充功能):匹配括弧顏色標記、括弧內線條強調
📆 2019-02-11
📁
軟體應用, 網站技術
Google Chrome:開啟手機版網站
📆 2015-07-13
📁
軟體應用, 瀏覽器, Google Chrome
Stable Diffusion web UI x Kohya's GUI:訓練 LoRA 模型教學,快速上手最流行的 AI 繪圖訓練方式!
📆 2023-02-10
📁
軟體應用, 人工智慧, AI繪圖
留言區 / Comments
萌芽論壇