Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何包含视频?_Html_Css_Video_Size - Fatal编程技术网

Html 如何包含视频?

Html 如何包含视频?,html,css,video,size,Html,Css,Video,Size,快速提问,因为我在这里找不到。 我有一个视频,我附加了以下html代码 视频{ 最高:50%; 左:50%; 最小宽度:100%; 最小高度:100%; 宽度:自动; 高度:自动; } 在CSS中,删除 min-width: 100%; min-height: 100%; width: auto; height: auto; 然后为width指定一个数值,例如50%或400px 浏览器将按比例缩放视频,因此无需设置高度。 在我的CSS上,我有以下代码 .banner { wid

快速提问,因为我在这里找不到。 我有一个视频,我附加了以下html代码

视频{
最高:50%;
左:50%;
最小宽度:100%;
最小高度:100%;
宽度:自动;
高度:自动;
}

在CSS中,删除

min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
然后为
width
指定一个数值,例如
50%
400px

浏览器将按比例缩放视频,因此无需设置高度。

在我的CSS上,我有以下代码

    .banner {
  width: 150%;
  background-color: #6991AC;
}

将其从150%更改为100%,使用问题中的视频CSS代码,我将其更改为仅包含宽度和高度,宽度设置为100%,高度设置为自动。

更正,是的,它使视频宽度变小,但该部分的背景仍然覆盖了原始大小(宽度如此巨大)