1插入背景圖片有兩種方法，一種是用html的img標(biāo)簽，另一種是利用css的background標(biāo)簽插入具體操作是首先新建一個(gè)html文件，寫入兩個(gè)div，分別用來(lái)演示兩種方法插入標(biāo)簽2首先是用html標(biāo)簽插入圖片，這里直接在img標(biāo)簽中。

第四步視頻播放速度可以利用video的playbackRate屬性來(lái)控制video的播放速度，如果要讓背景視頻以慢速播放的話可以加上下面的javascript ltscript var video= documentgetElementById#39v1#39 videoplaybackRate = 0。

1首先，打開(kāi)Atom編輯器導(dǎo)入項(xiàng)目文件夾，首先創(chuàng)建一個(gè)indexhtml文件定義html文件的主要信息，如下圖所示2然后填寫自己的網(wǎng)頁(yè)內(nèi)容，設(shè)置樣式，添加背景=styletype=quottextcssquot！bodybackgroundimageurlimgtop04。

4可以在模板中心選擇一個(gè)自己需要的點(diǎn)擊，直接套用模板，也可以選擇自己創(chuàng)建一個(gè)空白頁(yè)面5進(jìn)入后就可以根據(jù)自己的需要，將模板里面的文字圖片和音樂(lè)替換成自己需要的即可，如圖所示6還可以給自己的手機(jī)網(wǎng)頁(yè)添加背景。

H5是html5的縮寫，是萬(wàn)維網(wǎng)的核心語(yǔ)言標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用超文本標(biāo)記語(yǔ)言HTML的第五次重大修來(lái)改制作H5頁(yè)面的方法1首先在電腦中安裝H5的制作軟件，以WPS為例，點(diǎn)擊打開(kāi)WPS H5軟件2進(jìn)入H5的制作。

一個(gè)是js畫好畫布后，js把背景圖的地址變成畫布的數(shù)據(jù)比如canvas的id是HB， 畫好后執(zhí)行 = quoturl#39quot+HBtoDataURL+quot#39quot另一個(gè)是你說(shuō)的直接把其它元素層疊在畫布上，只要畫布足夠大。

背景顏色的設(shè)置一般通過(guò)background來(lái)實(shí)現(xiàn)html標(biāo)簽有三種方式內(nèi)嵌，外聯(lián)，行內(nèi)這里說(shuō)一下行內(nèi)的方式舉個(gè)例子這樣您就會(huì)得到一個(gè)寬高都是100像素的粉色div元素html元素默認(rèn)是沒(méi)有高度的，需要注意以下。

2進(jìn)入H5的制作頁(yè)面后可以選擇一種模板作為制作的基礎(chǔ)樣式3點(diǎn)擊需要的模板后點(diǎn)擊其右側(cè)的“立即使用”按鈕4點(diǎn)擊后即可進(jìn)入編輯頁(yè)面，可以點(diǎn)擊上方工具欄中的“文本形狀圖片表單背景”選項(xiàng)5還可以設(shè)置“。

以上三個(gè)版式，就是H5場(chǎng)景制作中經(jīng)常運(yùn)用到的一些技巧，想學(xué)習(xí)更多H5場(chǎng)景知識(shí)的可以繼續(xù)關(guān)注維本微傳單本欄目維本是一家強(qiáng)大的HTML5制作公司，專注于 企業(yè)H5 網(wǎng)站建設(shè)同時(shí)提供人才招聘企業(yè)宣傳產(chǎn)品推廣會(huì)議活動(dòng)電商。