css 强制响应YouTube和Vimeo剪辑 - 适用于上传自己视频的客户

Posted 2021-05-13

<script>
  $(document).ready(function () { 
  $('iframe[src*="youtube.com"], iframe[src*="vimeo.com"]').wrap('<div class="embed-container" />')
  ;});
</script>

.embed-container { 
  position: relative; 
  padding-bottom: 56.25%; 
  height: 0; 
  overflow: hidden; 
  max-width: 100%; 
} 

.embed-container iframe, .embed-container object, .embed-container embed { 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100% !important; 
  height: 100% !important; 
}