所在位置:
首頁 >
營銷資訊 >
網(wǎng)站運營 > 經(jīng)常見到用視頻做背景的html5網(wǎng)站,這些視頻都是怎么處理和轉(zhuǎn)換得來的?格式
經(jīng)常見到用視頻做背景的html5網(wǎng)站,這些視頻都是怎么處理和轉(zhuǎn)換得來的?格式
時間:2024-01-15 12:12:01 | 來源:網(wǎng)站運營
時間:2024-01-15 12:12:01 來源:網(wǎng)站運營
經(jīng)常見到用視頻做背景的html5網(wǎng)站,這些視頻都是怎么處理和轉(zhuǎn)換得來的?格式有什么限制嗎:HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 標(biāo)準(zhǔn)的 HTML 標(biāo)準(zhǔn)版本,利用會聲會影視頻編輯軟件可以制作出HTML5視頻。具體講解如何制作。
圖1:html5基于網(wǎng)頁視頻輸出HTML5 視頻有很多優(yōu)勢。無需 JavaScript 或 ActionScript 代碼,因為您只需要包括標(biāo)記和參數(shù)。它是一個瀏覽器元素,不是一個插件。這意味著如果您使用 JavaScript 代碼,頁面完全載入后視頻就準(zhǔn)備好了,您不需要等待插件加載。雖然會有例外,但 API 都是標(biāo)準(zhǔn)化的,可以跨所有瀏覽器運行。由于它是一個本地元素,因此不可能與插件起沖突 — 就是說不影響顯示,比如視頻不會干擾滾動條。
那么如何將基于HTML5的視頻將視頻導(dǎo)出為網(wǎng)頁播放呢?具體操作如下:一、進入會聲會影編輯器,執(zhí)行【文件】---【新建HTML5項目】命令。
圖1:新html5項目二、在視頻軌中添加3張素材圖片。
圖2:添加三張素材三、進入轉(zhuǎn)場素材庫,為制作影片轉(zhuǎn)場。選擇“溶解”轉(zhuǎn)場,單擊鼠標(biāo)右鍵,執(zhí)行【對背景軌應(yīng)用當(dāng)前效果】命令。
圖3:添加轉(zhuǎn)場四、單擊“標(biāo)題”按鈕,為影片添加字幕。然后在預(yù)覽窗口中雙擊鼠標(biāo),進入輸入模式,輸入內(nèi)容“會聲會影”。
圖4:輸入文字五、用同樣的方法繼續(xù)插入兩個標(biāo)題素材,分別為“會聲會影X5中文版”和“//
http://www.huishenghuiying.com.cn/”,并與圖片一一對應(yīng)。
圖5:繼續(xù)插入素材六、分別選擇標(biāo)題軌的素材,右擊選擇“添加鏈接”。
圖6:添加鏈接七、在彈出的對話框中輸入鏈接,點擊“確定”完成設(shè)置。
圖2:輸入鏈接
八、切換至“分享”步驟面板,單擊“創(chuàng)建HTML5文件”按鈕。
圖3:創(chuàng)建文件
九、彈出對話框,設(shè)置文件保存路徑,然后單擊“確定”按鈕。
圖4:設(shè)置路徑
十、操作完成后,系統(tǒng)開始進行渲染。
圖5:渲染
十一、彈出提示對話框,單擊“確定”按鈕。
圖7:確定十二、執(zhí)行操作后,即可將HTML5視頻文件導(dǎo)出為網(wǎng)頁播放。
圖8:導(dǎo)出為網(wǎng)頁十三、打開網(wǎng)頁,可預(yù)覽效果。
圖9:預(yù)覽現(xiàn)在你學(xué)會將基于HTML5視頻導(dǎo)出為網(wǎng)頁播放的方法了嗎?去下載會聲會影,自己操作一下。
關(guān)鍵詞:視頻,處理,轉(zhuǎn)換,格式,背景,經(jīng)常