Video.js Sandbox

All the various ways to embed and source video elements.

Pastel color background represent programmatic setup.

Vibrant color background represent data-setup.

js setup with source element

video-js embed", source element

Video embed, source element

injested div el, source element

js setup with sources options

video-js embed", js source

Video embed, js source

injested div el, js source

js setup with js method sources

video-js embed", js source

Video embed, js source

injested div el, js source

data-setup with sourrce elements

video-js embed", source element

Video embed, source element

injested div el, source element

data-setup embeds with sources options

video-js embed", source element

Video embed, source element

injested div el, source element

js setup with js method sources

video-js embed", js source

Video embed, js source

injested div el, js source