今天要跟大家分享的是如何在H5頁面中加入視頻播放功能,趕緊來看看吧!
相信大家在朋友圈都有見過各種各樣的H5頁面,比如展會邀請函、結婚請柬、餐廳宣傳、培訓機構招生、企業招聘......而且還有不少H5頁面中有加入視頻功能,在用戶可以直接在H5頁面中觀看視頻,那麼H5頁面中的視頻到底是怎麼添加的呢?
其實很簡單!在喬拓雲網制作H5頁面時可以輕松實現!操作步驟如下:
1.登錄喬拓雲網後台,點擊【微傳單】進入H5模闆中心頁面,再選擇一個自己想要的H5模闆,就可以開始設計制作自己的H5頁面了。
2.要想在H5頁面中加入視頻,我們點擊【控件】選項,找到視頻功能并點擊添加該功能至指定頁面。然後在右邊的選項框内可加入視頻通過代碼即可完成視頻的添加(将視頻上傳至優酷或騰訊平台,再複制視頻的通用代碼鍊接即可)。
3.我們再來說說如何給添加的視頻加入一個封面,讓它看起更加的美觀。我們點擊【素材】選項,選擇自己想要的圖片素材,可以在線選擇也可以本地上傳添加。
選好封面圖後,再将封面圖的層級設置到視頻的上一級,然後點擊H5頁面中的視頻功能,在右邊【視頻】選項框中将播放形式設置為彈層播放即可。
4.還有一種視頻播放形式,那就是點擊文字、按鈕或者圖片跳轉播放視頻。而要想設置這個也很簡單,點擊要設置跳轉的文字、按鈕或圖片,在右邊的【點擊】選項框内,找到播放視頻,再将視頻通用代碼複制到選項框内就可以了。
以上就是在喬拓雲網制作H5頁面以及添加視頻功能的步驟,不知你學會了嗎?趕緊來試試吧!
,