Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.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 Embedding - Fatal编程技术网

Html 调整响应嵌入式视频内容的大小

Html 调整响应嵌入式视频内容的大小,html,css,video-embedding,Html,Css,Video Embedding,我正在尝试嵌入一个视频,并使其具有移动响应能力。但是,每当我缩小比例时,视频内容就会变小,但视频播放器栏/控件的宽度保持不变?我是HTML/CSS新手,请在这里耐心等待 /*它是如何工作的*/ .iframecontainer{ 位置:相对位置; 宽度:100%; 垫底:56.25%; 身高:100%; } .iframe容器iframe{ 位置:绝对位置; 填料顶部:150px;; 左侧填充:50px; 右边填充:50px; 宽度:100%; 身高:100%; } 解决方案已经存在,这可能

我正在尝试嵌入一个视频,并使其具有移动响应能力。但是,每当我缩小比例时,视频内容就会变小,但视频播放器栏/控件的宽度保持不变?我是HTML/CSS新手,请在这里耐心等待

/*它是如何工作的*/
.iframecontainer{
位置:相对位置;
宽度:100%;
垫底:56.25%;
身高:100%;
}
.iframe容器iframe{
位置:绝对位置;
填料顶部:150px;;
左侧填充:50px;
右边填充:50px;
宽度:100%;
身高:100%;
}

解决方案已经存在,这可能会对您有所帮助。