根据屏幕调整iFrame宽度

Question

我编写ASP.NET MVC网站

我的页面上有来自vimeo的视频，我需要根据屏幕调整大小。

这里是irame

的代码

<iframe src="https://player.vimeo.com/video/197047485?color=ffffff" id="iframe1" width="800" height="600" frameborder="0"  webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

我怎么能这样做？

Answer 1

这对我有用：

你的CSS：

#iframe1 {
  width: 50vw; 
  height: 50vh;
}

检查这个小提琴： https://jsfiddle.net/nindaclaudel/24wxmh8u/#&togetherjs=f6wcF2fjsf