Адаптивное Видео CSS

Пример кода CSS для реализации стопроцентной адаптивности видео из YouTube, Vimeo и других используя iframe, object и embed

HTML

<h1>CSS - Адаптивное Видео</h1>

<div class="video-responsive">
  <iframe width="1280" height="720" src="//www.youtube.com/embed/mRrE8CFkkAg" frameborder="0" allowfullscreen></iframe>
</div>

CSS

.video-responsive { 
  position: relative; 
  padding-bottom: 56.25%; 
  width: 50%;
  margin: 0 auto;
  height: 0; 
  overflow:hidden; 
} 
 
.video-responsive iframe, 
.video-responsive object, 
.video-responsive embed {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%;
  height: 100%; 
}