Preview: Video 1.0
These are a preview of components with individual items triggered. Because this is automatically generated, some of these components may look similiar to each other. This is also used by the Axe Monitor process to validate accessibility.
Preview: Base level for default
Preview: default and aspectratio =
Preview: default and aspectratio = 197/320
Preview: default and height =
Preview: default and height = 315px
Preview: default and height = 450px
Preview: default and width =
Preview: default and width = 560px
Preview: default and width = 800px
Preview: Base level for mediaspace
Preview: mediaspace and aspectratio =
Preview: mediaspace and aspectratio = 197/320
Preview: mediaspace and height =
Preview: mediaspace and height = 315px
Preview: mediaspace and height = 450px
Preview: mediaspace and width =
Preview: mediaspace and width = 560px
Preview: mediaspace and width = 800px
Preview: Base level for youtube (dimensionless)
Preview: youtube (dimensionless) and aspectratio =
Preview: youtube (dimensionless) and aspectratio = 197/320
Preview: youtube (dimensionless) and height =
Preview: youtube (dimensionless) and height = 315px
Preview: youtube (dimensionless) and height = 450px
Preview: youtube (dimensionless) and width =
Preview: youtube (dimensionless) and width = 560px
Preview: youtube (dimensionless) and width = 800px
Details
Responsive video wrapper for Illinois Toolkit. This component ensures a consistent size and aspect ratio across breakpoints, but does not supply the video element or its controls.
Full Version: 1.0.0
Type: web component
Date Created: 10/22/2024
Version notes: Known issues: slotted iframe may fail to load in certain cases (https://github.com/web-illinois/ilw-video/issues/12). Workaround: Define video using component attributes.
Github repository: https://github.com/web-illinois/ilw-video/
Javascript file: https://cdn.toolkit.illinois.edu/ilw-video/1.0.0/ilw-video.js
CSS file: https://cdn.toolkit.illinois.edu/ilw-video/1.0.0/ilw-video.css
JSON information: ilw-video.1.0.json