<responsive-video-background> Web Component

A Web Component that helps responsively using a video as the background of a content block.

GitHub release (latest by date) npm npm GitHub license Built by Clever Age

View on github

A component with a responsive video background above 48rem viewport

A paragraph of text

A second paragraph of text

A dynamic width component with a video background

A small component with a video background

A fixed height component with an image background

Look here!

A fluid height component with an image background

Videos from Big Buck Bunny (from Blender Foundation) are made available in different sizes and formats on test-videos.co.uk.