H5制作視頻或交互式視頻H5是屬於比較受歡迎的H5的玩法，方法很多，下面我們介紹如何使用意派Epub360H5頁面制作工具制作出視頻H5的效果
視頻制作尺寸
手機屏幕尺寸型號如此繁多，如何確保壹致的用戶體驗，尺寸控制是壹個關鍵因素。現在提供了兩種尺寸供大家參考，可以根據實際需要二選壹。
官方建議尺寸1：制作750*1200px尺寸大小的視頻，調整畫布尺寸為微信PLUS畫布，把視頻拉伸成375*603px（內框尺寸，編輯器裏視頻變形不影響）。
尺寸2：制作符合畫布（外框）大小的視頻，即844*1496px（這是畫布尺寸，註意內容盡量放在安全內框）
視頻格式標準
前期需要制作視頻，沒有視頻素材的派友也可以下載本次案例的視頻體驗壹把。在制作時候要註意，視頻的清晰度會受到編碼頻率，格式，幀速率（每秒多少幀），比特率，視頻的體積，畫質，視頻的尺寸等因素的影響，這裏就不講解太多了，主要是針對我們編輯器上傳本地視頻來說明壹下。
這裏是視頻制作軟件AE的設置參數，需要註意的幾點：
視頻格式：MP4
視頻編碼：H.264（AAC音頻）
視頻尺寸：750*1200（官方建議）或740*1136
幀速率：25幀
畫質：8
視頻體積：20MB左右
比特率編碼：VBR，2次
視頻在AE裏的布局
壓縮視頻
壹定要對視頻進行壓縮處理，建議使用格式工廠，根據經驗，建議整個視頻不超過50M。
請使用編碼為H.264壓縮標準的MP4，且文件應該壓縮後上傳，這也是為了同時兼容各手機平臺、各種桌面瀏覽器播放視頻的需要，以下是常用視頻壓縮工具格式工廠的截圖。
註意：不建議使用AVI/WMV等其他視頻格式
註意事項
（1）其中編碼和格式是固定的H.264MP4（AAC音頻），其余的參數值都不是固定的，只是提供壹個大概範圍，具體的是可以根據妳的實際場景進行小的調整。
（2）在其他參數值壹樣的情況下，幀速率越大，畫質越高，尺寸越大越清晰，相對的體積也會越大
6.視頻在意派Epub360編輯器裏的布局
在不同機型中的適配情況如圖
視頻預處理
針對之前視頻類H5經常出現視頻無法播放的問題，Epub360做出進壹步優化，現將所有用戶上傳到Epub360素材庫的視頻進行預處理。視頻上傳素材庫成功後，編輯器做視頻預處理，需壹定時長，待處理完畢後，才可以插入到編輯器當中。
如果想了解更多細節，可以戳說明了解《關於視頻上傳後預處理（必看）》。
組件用法
基本用法
1.播放設置
（1）點擊本地視頻組件
（2）彈出視頻素材窗口，上傳或選擇要添加的視頻
（3）視頻拉伸成內框的尺寸
（4）如果需要視頻在蘋果手機上壹打開就自動播放，要勾選微信蘋果首頁自動播放
註意：由於微信升級，安卓系統的視頻播放必須用手勢觸發，不建議使用頁面觸發器（如切換到當前頁時）、動畫開始或結束時的觸發器。
高級用法
1.點擊其他元素，播放視頻
2.如何做好視頻播放前後的過渡銜接
（1）播放前過渡
雖然使用的是視頻，但我們不希望別人看出來是視頻，這就需要點擊播放過渡自然壹點。
當視頻很大，加載需要很長時間時，點擊播放可能出現“閃屏”的現象。可以用偽視頻封面的方法，當視頻開始播放的時候隱藏偽視頻封面圖，就可以很大程度上避免這個問題，通過視頻設置封面選項，默認用視頻首頁截圖作為視頻封面圖，點擊小預覽圖可以替換視頻封面。
（2）播放完過渡
視頻播放結束後壹般是跳轉到宣傳公司或是活動信息的頁面上，這裏我們需要在設置視頻結束播放後跳轉頁面，切換效果選擇無，下壹頁背景圖最好是視頻的最後壹幀，這樣就可以實現無縫跳轉了。
3.補充：如何區分蘋果安卓系統
有的用戶問，蘋果和安卓用戶怎麽區分呢？總不能做兩個作品蘋果版和安卓版吧？這裏我們添加壹個系統參數組件和壹個按鈕，按鈕設置初始隱藏，當用戶為安卓機型時顯示按鈕，按鈕上設置激活時播放音視頻即可。
（1）點擊添加系統參數
（2）系統參數設置，當系統參數判斷到H5打開設備的系統時，就顯示播放視頻的按鈕。
4.其他視頻設置：點擊播放按鈕及控制條播放
（1）上傳本地視頻之後，勾選右側顯示播放圖標，視頻上會顯示壹個默認的視頻播放按鈕，點擊按鈕可播放視頻；也可以不勾選。
（2）勾選顯示播放控制條，會在視頻播放的時候顯示，如圖：
（3）蘋果、安卓可以跳出微信實現全屏播放，只需要勾選下圖中的選項即可：
5.視頻在指定區域內播放
如果希望視頻在指定的區域播放，針對安卓系統特殊說明壹下：《小尺寸視頻在安卓機指定區域內播放說明》
5在電腦端可以實現打開後自動播放，全屏播放，只需勾選下圖中的：