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

问题描述

我正在尝试嵌入视频并使其具有移动响应性。但是，每当我缩小时，视频的内容都会变小，但视频播放器栏/控件的宽度保持不变？我是 HTML/CSS 的新手，所以请耐心等待。

visual video player

/* How It Works CSS*/

.iframecontainer{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; 
  height: 100%;
}
.iframecontainer iframe{

  position: absolute;
  padding-top: 150px;;
  padding-left: 50px;
  padding-right: 50px;
  
  width: 100%;
  height: 100%;
}

<!-- How It Works HTML-->
    <div class="videocontainer">
        <div id="howitworks"class="iframecontainer">
          <iframe 
            src="animation.mp4" frameborder="0">
          </iframe>      
        </div>
    </div>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）