Video background for a row/block/section

In order to implement video background in a block, row, or section, the following steps must be performed:

1. Add the following code into HTML markup of the required block:

<div class="crumina-video-background">
 <video autoplay loop muted class="video-background">
 <source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">
 </video>
 </div>

2. Block, row or section, in which we need to apply video background, must be positioned as follows: position: relative; or position: sticky; or position: absolute;

3. Pay attention that the "video" element must have class="video-background" in its markup, autoplay – must be added for autoplay function accordingly.