{
	"title": "Video",
	"tag": "ilw-video",
	"github": "https://github.com/web-illinois/ilw-video/",
	"type": "web component",
	"element-name": "ilw-video",
	"description": "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.",
	"builder-version": "1.2",
	"version": "1.2.1",
	"date": "05/26/2026",
	"css": "https://cdn.toolkit.illinois.edu/ilw-video/1.2/ilw-video.css",
	"js": "https://cdn.toolkit.illinois.edu/ilw-video/1.2/ilw-video.js",
	"production": true,
	"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.",
	"parent-style": "",
	"samples": [
		{
			"name": "default",
			"description": "Default 16:9 embedded YouTube video.",
			"text": "<iframe width=\"560\" height=\"315\" src=\"https://www.youtube-nocookie.com/embed/pW8cNXyAqyI?si=X9643WrgKwDm0BTw\" title=\"Progress isn't Quiet at Illinois\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen></iframe>"
		},
		{
			"name": "mediaspace",
			"description": "Default 16:9 embedded Mediaspace video.",
			"text": "<iframe id=\"kmsembed-1_s61j2nnf\" width=\"640\" height=\"394\" src=\"https://mediaspace.illinois.edu/embed/secure/iframe/entryId/1_s61j2nnf/uiConfId/26883701/pbc/33485061/st/0\" class=\"kmsembed\" allowfullscreen webkitallowfullscreen mozAllowFullScreen allow=\"autoplay *; fullscreen *; encrypted-media *\" referrerPolicy=\"no-referrer-when-downgrade\" sandbox=\"allow-downloads allow-forms allow-same-origin allow-scripts allow-top-navigation allow-pointer-lock allow-popups allow-modals allow-orientation-lock allow-popups-to-escape-sandbox allow-presentation allow-top-navigation-by-user-activation\" frameborder=\"0\" title=\"150 Years of Illinois: A Holiday Greeting from the Chancellor\"></iframe>"
		},
		{
			"name": "youtube (dimensionless)",
			"description": "Overriding the default dimensions for a single YouTube video.",
			"text": "<iframe src=\"https://www.youtube-nocookie.com/embed/pW8cNXyAqyI?si=X9643WrgKwDm0BTw\" title=\"Progress isn't Quiet at Illinois\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share' referrerpolicy='strict-origin-when-cross-origin\" allowfullscreen></iframe>"
		}
	],
	"attributes-fixed": [],
	"attributes-text": [],
	"attributes": [
		{
			"name": "aspectratio",
			"description": "Override the aspect ratio variable on a single item.",
			"values": [
				"",
				"197/320"
			]
		},
		{
			"name": "height",
			"description": "Override the height on a single item.",
			"values": [
				"",
				"315px",
				"450px"
			]
		},
		{
			"name": "width",
			"description": "Override the width on a single item.",
			"values": [
				"",
				"560px",
				"800px"
			]
		},
		{
			"name": "src",
			"description": "Source URL of the video.",
			"value": ""
		},
		{
			"name": "title",
			"description": "Title of the video, used for accessibility. Required when src is provided.",
			"value": ""
		}
	],
	"classes-fixed": [],
	"classes": [],
	"css-variables": [
		{
			"name": "--ilw-video--aspect-ratio",
			"description": "Aspect ratio of the embedded video.",
			"deprecated": false
		}
	]
}