/*------------------------------------
  djangocms_video "Video player"

  El plugin ocupa por defecto todo el ancho de su contenedor padre y
  mantiene la proporcion 16:9, sin depender del CSS de cada pagina.
------------------------------------*/

.djangocms-video-plugin {
  width: 100%;
  max-width: 100%;
}

.djangocms-video-plugin > iframe,
.djangocms-video-plugin > video {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  border: 0;
}

.djangocms-video-plugin > video {
  object-fit: contain;
}