1、這個(gè)通俗點(diǎn)說 就是現(xiàn)在 寬度是1， 結(jié)果需要得到916，求高度 === 結(jié)果就是05625，而且視頻要求自適應(yīng)，height設(shè)置百分比是相當(dāng)于父容器來說的，而padding是自身的 所以要設(shè)置padding而不是height。

2、1新建html文件，在body標(biāo)簽中添加video標(biāo)簽，為video標(biāo)簽添加“src”屬性，屬性值為視頻的位置，這時(shí)視頻就被插入到網(wǎng)頁中去了2為video標(biāo)簽添加“controls”屬性，不需要添加屬性值，這時(shí)視頻中將會(huì)出現(xiàn)視頻控制按鈕3video默認(rèn)的寬高是視頻自身的寬高，可以通過添加“width”和“height”屬性自定義。

3、實(shí)現(xiàn)HTML5 video標(biāo)簽的方法如下一基本語法 在HTML文檔中插入``標(biāo)簽，通過`src`屬性指定視頻文件的路徑同時(shí)可以通過`width`和`height`屬性來設(shè)置視頻的播放尺寸 二詳細(xì)解釋 1 ``標(biāo)簽是HTML5中用于嵌入視頻內(nèi)容的標(biāo)準(zhǔn)標(biāo)簽它允許開發(fā)者在網(wǎng)頁上直接播放視頻文件，提供了更豐富的多媒體體驗(yàn)2。

4、1定義和用法ltvideo 標(biāo)簽定義視頻，比如電影片段或其他視頻流2實(shí)例一段簡單的 HTML5 視頻ltvideo src=quotmovieoggquot controls=quotcontrolsquot您的瀏覽器不支持 video 標(biāo)簽ltvideo3HTML 401 與 HTML 5 之間的差異 ltvideo 標(biāo)簽是 HTML 5 的新標(biāo)簽提示和注釋 提示可以在開始標(biāo)。

5、reacthtml5video為HTML5 video標(biāo)簽提供了定制HoC高階組件，支持國際化i18n與無障礙a11y，并允許自定義video標(biāo)簽的controls基本用法是使用默認(rèn)播放器，除了controls外，支持所有HTML5 video標(biāo)簽屬性，controls組件界面進(jìn)行了重寫實(shí)際業(yè)務(wù)代碼中，僅使用了Video組件，通過props添加classNamesrc。

6、在 HTML 模板中，引入了一層濾鏡類的 div 標(biāo)簽作為背景視頻的遮罩層，通過該層控制視頻的亮度與色彩溫度，實(shí)現(xiàn)動(dòng)態(tài)調(diào)整效果同時(shí)，利用 video 標(biāo)簽作為視頻播放容器，支持 HTML5 視頻格式與占位圖片，視頻加載后自動(dòng)播放為了確保視頻能夠正確播放，需解決原模板中顯示圖片而非視頻的問題通過引入 Vue。

7、實(shí)現(xiàn)HTML5 video無縫循環(huán)，關(guān)鍵在于提前緩沖播放本身并沒有卡頓，因?yàn)椴シ诺牟⒉皇鞘裁刺厥鈨?nèi)容對(duì)于無縫播放的需求，實(shí)際應(yīng)用中較為少見，因?yàn)閷?duì)用戶影響太大正常的操作是暫停一秒，以便于過渡想象一下，前面一段畫面柔和，后面一段畫面激烈，如果直接無縫銜接，用戶可能無法適應(yīng)，導(dǎo)致直接關(guān)閉視頻。

8、#39end#39， playplayfunction playe videosrc = vListcurrvideoload 如果短的話，可以加載完成之后再播放，監(jiān)聽 canplaythrough 事件即可 videoplaycurr++if curr = vLen curr = 0 播放完了，重新播放 如此即可可以實(shí)現(xiàn)html5 播放多個(gè)視頻連續(xù)播放。

9、HTML的全稱是超文本標(biāo)記語言，是一種標(biāo)記語言它包括一系列標(biāo)簽，可以統(tǒng)一網(wǎng)絡(luò)上文檔的格式，將分散的互聯(lián)網(wǎng)資源連接成一個(gè)邏輯整體HTML是由HTML命令組成的描述性文本，可以解釋文字圖形動(dòng)畫聲音表格鏈接等Html是一種用來描述網(wǎng)頁的語言它被稱為超文本標(biāo)記語言，它是一種標(biāo)記語言它包括。

10、40 實(shí)現(xiàn)布局中中間元素自適應(yīng)寬度，左右兩欄固定寬度的方法41 如何在頁面中實(shí)現(xiàn)圓形的可點(diǎn)擊區(qū)域42 標(biāo)準(zhǔn)CSS的盒子模型解釋，低版本IE的盒子模型有何不同43 優(yōu)化網(wǎng)站文件與資源的方法有哪些期望的解決方案是什么44 IE8以下版本瀏覽器的盒子模型有何差異45 解決IE6中常見bug的方法。

11、CHROME支持標(biāo)準(zhǔn)的HTML5視頻格式MP4或OGG，沒有說明要支持MKV格式視頻，即使可播放也有問題，所以沒有聲音，HTML5支持三種視頻格式 MP4， WebM， 和 Ogg，建議播放這三種格式格式說明MP4 = 帶有 H264 視頻編碼和 AAC 音頻編碼的 MPEG 4 文件 WebM = 帶有 VP8 視頻編碼和 Vorbis 音頻編碼的。

12、4為了實(shí)現(xiàn)彈性圖片，讓圖片隨視口縮放，圖形圖像動(dòng)畫和視頻的彈性設(shè)置使用“img，object，video，embedwidth100%maxwidth100%”其中，maxwidth屬性是用于確?？s放時(shí)不會(huì)超出圖片最大尺寸同時(shí)，熟手還會(huì)使用AdaptiveImages解決方案來實(shí)現(xiàn)自適應(yīng)圖片 5媒體查詢可以通過判斷不同設(shè)備終端，提供不同的樣式使。

13、如width會(huì)有minwidth和maxwidth媒介查詢可以被用在CSS中的@media和@import規(guī)則上，也可以被用在HTML和XML中通過這個(gè)標(biāo)簽屬性，我們可以很方便的在不同的設(shè)備下實(shí)現(xiàn)豐富的界面，特別是移動(dòng)設(shè)備，將會(huì)運(yùn)用更加的廣泛2media query能夠獲取哪些值設(shè)備的寬和高devicewidth，deviceheight顯示屏幕。