You are here

Home » API reference » YouTube Field 8

youtube.responsive.css in YouTube Field 8

Responsive embed CSS for the YouTube Field module output.

Added to the page when when a field's 'size' display setting is 'responsive'.

File

css/youtube.responsive.css
View source 
  1. /**

  2.  * @file

  3.  * Responsive embed CSS for the YouTube Field module output.

  4.  *

  5.  * Added to the page when when a field's 'size' display setting is 'responsive'.

  6.  */

  7. 

  8. .youtube-container--responsive {

  9.   overflow: hidden;

  10.   position: relative;

  11.   padding-bottom: 56.25%;

  12.   height: 0;

  13. }

  14. 

  15. .youtube-container--responsive iframe {

  16.   border: none;

  17.   position: absolute;

  18.   top: 0;

  19.   left: 0;

  20.   width: 100%;

  21.   height: 100%;

  22. }