首页
/
每日頭條
/
科技
/
h5使用技巧
h5使用技巧
更新时间:2024-04-29 06:11:29

今天要跟大家分享的是如何在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頁面以及添加視頻功能的步驟,不知你學會了嗎?趕緊來試試吧!

,
Comments
Welcome to tft每日頭條 comments! Please keep conversations courteous and on-topic. To fosterproductive and respectful conversations, you may see comments from our Community Managers.
Sign up to post
Sort by
Show More Comments
推荐阅读
沒有一鍵還原電腦怎麼重裝系統
沒有一鍵還原電腦怎麼重裝系統
電腦出現故障時,要重裝系統才能解決的時候,是不是很煩人,之前熟悉好用的軟件又要重新下載安裝一遍,又麻煩。所以隻有把系統備份一份,需要的時候還原就可以了,備份系統最常見的方法有兩種,一種是通過windows自帶備份功能備份系統,第二種就是通過...
2024-04-29
全國紀檢監察系統先進工作者事迹
全國紀檢監察系統先進工作者事迹
全國紀檢監察系統先進工作者事迹?北京市曲濤北京市西城區紀委監委第五審查調查室主任,下面我們就來聊聊關于全國紀檢監察系統先進工作者事迹?接下來我們就一起去了解一下吧!全國紀檢監察系統先進工作者事迹北京市曲濤北京市西城區紀委監委第五審查調查室主...
2024-04-29
筆記本電腦的四個指示燈第一個和第三個分别表示什麼含義
筆記本電腦的四個指示燈第一個和第三個分别表示什麼含義
筆記本電腦的四個指示燈第一個和第三個分别表示什麼含義?筆記本電腦的四個指示燈第一個和第三個分别表示的是:開機電源指示燈和電池充電指示燈,下面我們就來說一說關于筆記本電腦的四個指示燈第一個和第三個分别表示什麼含義?我們一起去了解并探讨一下這個...
2024-04-29
索尼電視如何更換第三方軟件
索尼電視如何更換第三方軟件
索尼電視因為超高的性能備受用戶喜愛,但是索尼自有應用商店的應用有限,需要額外安裝第三方軟件。本文就給大家介紹下索尼電視怎麼安裝第三方軟件首先在電腦上訪問當貝市場官網,下載安裝包并拷貝到U盤。2、在索尼電視上找到設置-【應用】-【安全和限制】...
2024-04-29
史詩戰争模拟器電腦配置要求
史詩戰争模拟器電腦配置要求
秒上手公平即時戰略手遊《戰争怒吼》由檸檬遊戲研發,網易遊戲發行。遊戲複刻經典RTS玩法,選擇你的種族和英雄,運營你的資源,組建你的多兵種軍團,在史詩戰場上指揮作戰!自由的即時玩法,純粹的戰術比拼,公平的策略競技,等你來玩!逍遙模拟器電腦上玩...
2024-04-29
Copyright 2023-2024 - www.tftnews.com All Rights Reserved