青草久久影院-青草久久伊人-青草久久久-青草久久精品亚洲综合专区-SM双性精跪趴灌憋尿调教H-SM脚奴调教丨踩踏贱奴

17站長網(wǎng)

17站長網(wǎng) 首頁 前端 html5教程 查看內容

html5如何正確設置視頻的寬高

2022-10-9 18:31| 查看: 6178 |來源: 網(wǎng)絡

但是有的時候發(fā)現(xiàn)設置了視頻的高度卻并沒有發(fā)生變化,我們可以設置其父元素的寬高,讓video填充滿父元素。

平常我們都是這樣進行設置的:

<video width="320" height="240" controls="controls">

但是有的時候發(fā)現(xiàn)設置了視頻的高度卻并沒有發(fā)生變化,我們可以設置其父元素的寬高,讓video填充滿父元素。只要給video標簽加上style="width= 100%; height=100%; object-fit: fill"即可。

object-fit語法

object-fit:fill | contain | cover | none | scale-down

object-fit取值說明

object-fit主要適合于替換元素,比如:<video>、<object>、<img>、<input type="image">、<svg>、<svg:image>和<svg:video>等。其默認值為fill。object-fill取值的說明如下:

fill:此值為boject-fit的默認值,替換內容的大小被設置為填充元素的內容框,也就是說,元素的內容擴大到完全填充容器的外形尺寸,即使這打破其內在的寬高比。

contain:替換元素內容大小保持長寬比例填充元素內容容器,其具體對象大小被解析為一個包含元素的寬度和高度。也就是說,如果你在替換元素上設置一個明確的高度和寬度,此值將導致內容大小,完全在固定的比例顯示,但仍在元素尺寸內顯示。

cover:替換元素內容大小保持長寬比例填充元素內容容器,其具體對象大小被解析為覆蓋整個元素的寬度和高度。也就是說,替換元素內容大小保持長寬比,但改變寬度和高度,以便完全覆蓋內容元素。

none:替換元素內容不調整大小以適應內部元素的容器,內容完全忽略設置在元素上的任何高度和權重,并且仍在元素尺寸內顯示。

scale-down:當內容大小設置了non或contain,將導致具體對象變得更小。

tag標簽:html5 html
本文最后更新于 2022-10-9 18:31,某些文章具有時效性,若有錯誤或已失效,請在網(wǎng)站留言或聯(lián)系站長:17tui@17tui.com
·END·
站長網(wǎng)微信號:w17tui,關注站長、創(chuàng)業(yè)、關注互聯(lián)網(wǎng)人 - 互聯(lián)網(wǎng)創(chuàng)業(yè)者營銷服務中心

免責聲明:本站部分文章和圖片均來自用戶投稿和網(wǎng)絡收集,旨在傳播知識,文章和圖片版權歸原作者及原出處所有,僅供學習與參考,請勿用于商業(yè)用途,如果損害了您的權利,請聯(lián)系我們及時修正或刪除。謝謝!

17站長網(wǎng)微信二維碼

始終以前瞻性的眼光聚焦站長、創(chuàng)業(yè)、互聯(lián)網(wǎng)等領域,為您提供最新最全的互聯(lián)網(wǎng)資訊,幫助站長轉型升級,為互聯(lián)網(wǎng)創(chuàng)業(yè)者提供更加優(yōu)質的創(chuàng)業(yè)信息和品牌營銷服務,與站長一起進步!讓互聯(lián)網(wǎng)創(chuàng)業(yè)者不再孤獨!

掃一掃,關注站長網(wǎng)微信

大家都在看

    熱門排行

      最近更新

        返回頂部
        主站蜘蛛池模板: 国产AV麻豆出品在线播放 | 国产精品无码人妻在线 | 蜜芽TV影院在线视频 | 嫩草影院久久99 | 三级成人电彭 | 玩两个少妇女邻居 | 成人免费视频网站www | 色爱区综合激情五月综合激情 | 92电影网午夜福利 | 99热都是精品 | 午夜DV内射一区二区 | 色欲AV精品人妻一区二区三区 | 99久久中文字幕伊人情人 | 美女张开腿让男人桶爽无弹窗 | 色尼玛亚洲 | 久久99精品AV99果冻传媒 | AV无码国产精品午夜A片麻豆 | av天堂影音先锋在线 | 麻豆国产人妻精品无码AV | 人人草人人草 | 蜜芽资源高清在线观看 | 99在线观看免费 | 古月娜下面好紧好爽 | 亚洲欧美免费无码专区 | 国产成人无码区免费内射一片色欲 | 久久视频这里只精品99热在线观看 | 国产精品久久久久久久久齐齐 | 秋霞在线看片无码免费 | 欧美日韩一级黄色片 | 曰本熟妇乱妇色A片在线 | 免费 高清 中文在线观看 | 捏揉舔水插按摩师 | 在线视频中文字幕 | 亚洲日本欧美产综合在线 | 久久视频在线视频观看精品15 | 男男高h浪荡受h | 国产麻豆精品传媒AV国产在线 | 久久精品国产欧美日韩99热 | 午夜色网站 | 久久精品天天爽夜夜爽 | 美女被免费喷白浆视频 |