Video widget

Using background image:

Notice that the image does not scale proportionally when screen is resizing. Image will cut-off. Recommended to use in full-width (outside container).

Video heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum quis tempus arcu. Pellentesque mollis, justo venenatis dapibus condimentum, ipsum ligula tristique enim, non malesuada ligula mi non tellus. Quisque convallis felis ut neque mollis, eu interdum elit imperdiet. Lorem ipsum dolor sit amet.

Video heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras efficitur ut lorem in faucibus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed mollis ipsum eu elit venenatis sagittis. Suspendisse vulputate commodo leo, a sodales nisi hendrerit vitae. In ac velit molestie, viverra arcu non, mollis neque.

Video heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ac viverra dui. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam id nulla et sapien maximus laoreet. Aliquam ut tincidunt ipsum, molestie consequat justo. Maecenas in purus lectus.

Using picture tag:

The image displayed is using picture tag which is responsive to window/screen resize. Whole image will always display and won't cut-off. Recommended to use inside container.

Video heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras efficitur ut lorem in faucibus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed mollis ipsum eu elit venenatis sagittis. Suspendisse vulputate commodo leo, a sodales nisi hendrerit vitae. In ac velit molestie, viverra arcu non, mollis neque.

Video heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ac viverra dui. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam id nulla et sapien maximus laoreet. Aliquam ut tincidunt ipsum, molestie consequat justo. Maecenas in purus lectus.

Inline video:

Video is embeded in iframe.