国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片

css中怎么給video播放,CSS中Video播放的樣式設(shè)置

前端小編 9 0

在CSS中,我們可以使用object-fit屬性來(lái)設(shè)置視頻的播放樣式。object-fit屬性可以指定元素應(yīng)如何適應(yīng)其容器,特別是在高度和寬度不一致的情況下。

如果你想讓一個(gè)視頻在容器中完全填充,你可以這樣寫:

video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

這段代碼會(huì)將視頻元素設(shè)置為填充整個(gè)容器,同時(shí)保持視頻的縱橫比不變。object-fit屬性的cover值表示視頻將始終覆蓋整個(gè)容器,無(wú)論容器的尺寸如何變化。

如果你想讓視頻在容器中保持原始比例并居中顯示,你可以這樣寫:

video {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

這段代碼會(huì)將視頻元素設(shè)置為在容器中保持原始比例并居中顯示。object-fit屬性的contain值表示視頻將始終保持在容器內(nèi),同時(shí)保持視頻的縱橫比不變。positiontransform屬性用于將視頻元素居中顯示。

就是在CSS中設(shè)置視頻播放樣式的兩種方法,你可以根據(jù)自己的需求選擇適合的樣式。

 
QQ在線咨詢
QQ咨詢
627619058
微信咨詢
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
国产内射精品| 少妇太紧太爽又黄又硬又爽小说| 宝宝用力嗯脚翘起来怎么回事 | 亚洲成人精品av| 久久成人亚洲| 在线观看免费黄色片| 亚洲性图一区二区三区| 欧美伊人精品成人久久综合97| 国产三级香港三韩国三级| 成人色在线观看| 麻豆成人精品国产免费 | 少妇与拘做受XXXXⅩXX| 福利视频午夜| 丰满少妇中文字幕| 国产美女亚洲精品久久久毛片小说| 亚洲午夜精品一区二区三区| 国产精品不卡在线| 亚洲欧洲日韩精品 中文字幕| 精品久久久久一区二区国产| 综合久久一区二区三区| 欧美疯狂做受xxxx高潮免费看| 麻豆成人91精品二区三区| 99热观看| 先锋人妻啪啪av资源网站| 污污内射久久一区二区欧美日韩| 国产精产国品一二三| 国产中文字幕在线播放| 星辰影院在线观看免费观看电视| 秋霞午夜无码| 中文字幕久久人妻被中出一区精品 | 一本色道久久综合亚洲精品酒店| 国产精品一区二区久久不卡| wwwxxx日本护士| 日韩乱码一区二区| 成人在线视频你懂的| 国产乱码高清区二区三区在线 | 3344永久在线观看视频免费| 狠狠久久综合| 贱奴校花挨脔日常H惩罚| 天堂网在线看| 国产精品高潮呻吟88av |