那么如何將基于HTML5的視頻將視頻導出為網(wǎng)頁播放呢?具體操作如下:

公司主營業(yè)務:成都網(wǎng)站設計、成都做網(wǎng)站、外貿(mào)網(wǎng)站建設、移動網(wǎng)站開發(fā)等業(yè)務。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網(wǎng)宣傳,提高企業(yè)的競爭能力。成都創(chuàng)新互聯(lián)是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴謹、自律”為核心的企業(yè)文化,感謝他們對我們的高要求,感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn),讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。成都創(chuàng)新互聯(lián)推出彭山免費做網(wǎng)站回饋大家。
一、進入會聲會影編輯器,執(zhí)行【文件】---【新建HTML5項目】命令。
圖1:新html5項目
二、在視頻軌中添加3張素材圖片。
圖2:添加三張素材
三、進入轉(zhuǎn)場素材庫,為制作影片轉(zhuǎn)場。選擇“溶解”轉(zhuǎn)場,單擊鼠標右鍵,執(zhí)行【對背景軌應用當前效果】命令。
圖3:添加轉(zhuǎn)場
四、單擊“標題”按鈕,為影片添加字幕。然后在預覽窗口中雙擊鼠標,進入輸入模式,輸入內(nèi)容“會聲會影”。
圖4:輸入文字
五、用同樣的方法繼續(xù)插入兩個標題素材,分別為“會聲會影X5中文版”和“”,并與圖片一一對應。
圖5:繼續(xù)插入素材
六、分別選擇標題軌的素材,右擊選擇“添加鏈接”。
圖6:添加鏈接
七、在彈出的對話框中輸入鏈接,點擊“確定”完成設置。
圖2:輸入鏈接
八、切換至“分享”步驟面板,單擊“創(chuàng)建HTML5文件”按鈕。
圖3:創(chuàng)建文件
九、彈出對話框,設置文件保存路徑,然后單擊“確定”按鈕。
圖4:設置路徑
十、操作完成后,系統(tǒng)開始進行渲染。
圖5:渲染
十一、彈出提示對話框,單擊“確定”按鈕。
圖7:確定
十二、執(zhí)行操作后,即可將HTML5視頻文件導出為網(wǎng)頁播放。
圖8:導出為網(wǎng)頁
十三、打開網(wǎng)頁,可預覽效果。
圖9:預覽
1
選擇“文件”——新建HTML5項目,出現(xiàn)如下對話框,選擇確定;
2
選擇“導入媒體庫文件”,選中所選的素材,導入進媒體庫;
3
將所有素材拖到到背景軌道中,按住鼠標左鍵,直至素材拖入視頻軌;(分別將每一幅圖片拖入視頻軌)
4
選擇轉(zhuǎn)場,選擇其中一種適合于視頻的轉(zhuǎn)場效果;
5
將所選中的轉(zhuǎn)場效果拖到背景軌的兩幅畫之間,每兩幅畫之間設置一種樣式的轉(zhuǎn)場效果;
6
在標題軌道間添加合適的字體,并將添加的每一個字體添加合適的關(guān)聯(lián);
7
選擇“輸出”——點擊“html5”圖標,在合成的進行過程中時間會比較長需要耐心等待。
8
以上就完成了基于html5網(wǎng)頁視頻輸出的全部過程。如果還有疑問,請訪問會聲會影基于html5視頻輸出視頻教程
html5結(jié)構(gòu):
!DOCTYPE html
html
head
meta charset="UTF-8"
titleTitle/title
/head
body
/body
/html
輸出html5網(wǎng)頁源碼 你直接f12 或者 鼠標右擊 查看網(wǎng)頁源代碼
網(wǎng)站名稱:html5輸出,html5輸出對象屬性
網(wǎng)站鏈接:http://chinadenli.net/article6/dsihiig.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供微信小程序、全網(wǎng)營銷推廣、動態(tài)網(wǎng)站、服務器托管、網(wǎng)站排名、關(guān)鍵詞優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)