Изменение размера плавающего фрейма ширина в соответствии с экрана

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