微信HTML5頁面動畫如何添加視頻?

市面上製作微信H5頁面動畫的工具已經很多,但是有些功能可能還沒有辦法實現,比如說如何在H5動畫中添加視頻呢?添加視頻功能我用的是Mugeda在線工具,具體步驟如下。

工具/原料

在線工具、需要添加視頻的H5動畫

方法/步驟

首先是登錄在線工具,創建作品進入到工作臺

微信HTML5頁面動畫如何添加視頻

點擊視頻按鈕,添加或上傳視頻。

微信HTML5頁面動畫如何添加視頻

在這款工具中默認的添加方式是在一個舞臺的物體上添加一個播放視頻的事件。

微信HTML5頁面動畫如何添加視頻

編輯參數:輸入視頻的鏈接以及顯示位置、尺寸等參數

微信HTML5頁面動畫如何添加視頻

第二種添加方式是指定一個舞臺對象作為視頻容器。

微信HTML5頁面動畫如何添加視頻

編輯參數:在容器名稱一項填寫作為容器的對象的名稱。這樣視頻會填充到該物體上,位置和尺寸都和該對象相同

微信HTML5頁面動畫如何添加視頻

第三種添加方式是指定一個元件實例內的對象作為視頻容器。

添加觸發視頻的方式和前面幾種都類似,在編輯視頻參數的時候容器名稱一項填寫:實例名稱/元件內對象的名稱。

微信HTML5頁面動畫如何添加視頻

微信HTML5頁面動畫如何添加視頻

微信HTML5頁面動畫如何添加視頻

這樣就可以簡單的完成了。

相關問題答案