tft每日頭條

 > 科技

 > h5使用技巧

h5使用技巧

科技 更新时间:2024-05-07 10:42:41

今天要跟大家分享的是如何在H5頁面中加入視頻播放功能,趕緊來看看吧!

相信大家在朋友圈都有見過各種各樣的H5頁面,比如展會邀請函、結婚請柬、餐廳宣傳、培訓機構招生、企業招聘......而且還有不少H5頁面中有加入視頻功能,在用戶可以直接在H5頁面中觀看視頻,那麼H5頁面中的視頻到底是怎麼添加的呢?

h5使用技巧(如何在H5頁面中添加)1

其實很簡單!在喬拓雲網制作H5頁面時可以輕松實現!操作步驟如下:

1.登錄喬拓雲網後台,點擊【微傳單】進入H5模闆中心頁面,再選擇一個自己想要的H5模闆,就可以開始設計制作自己的H5頁面了。

h5使用技巧(如何在H5頁面中添加)2

h5使用技巧(如何在H5頁面中添加)3

2.要想在H5頁面中加入視頻,我們點擊【控件】選項,找到視頻功能并點擊添加該功能至指定頁面。然後在右邊的選項框内可加入視頻通過代碼即可完成視頻的添加(将視頻上傳至優酷或騰訊平台,再複制視頻的通用代碼鍊接即可)。

h5使用技巧(如何在H5頁面中添加)4

h5使用技巧(如何在H5頁面中添加)5

3.我們再來說說如何給添加的視頻加入一個封面,讓它看起更加的美觀。我們點擊【素材】選項,選擇自己想要的圖片素材,可以在線選擇也可以本地上傳添加。

h5使用技巧(如何在H5頁面中添加)6

選好封面圖後,再将封面圖的層級設置到視頻的上一級,然後點擊H5頁面中的視頻功能,在右邊【視頻】選項框中将播放形式設置為彈層播放即可。

h5使用技巧(如何在H5頁面中添加)7

h5使用技巧(如何在H5頁面中添加)8

4.還有一種視頻播放形式,那就是點擊文字、按鈕或者圖片跳轉播放視頻。而要想設置這個也很簡單,點擊要設置跳轉的文字、按鈕或圖片,在右邊的【點擊】選項框内,找到播放視頻,再将視頻通用代碼複制到選項框内就可以了。

h5使用技巧(如何在H5頁面中添加)9

以上就是在喬拓雲網制作H5頁面以及添加視頻功能的步驟,不知你學會了嗎?趕緊來試試吧!

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关科技资讯推荐

热门科技资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved