Block #2 - Video Hero

Hero Video

Script: vidbg.js v2.1 is licensed under The MIT License.

Demo Settings

• Full-width container: Off

• Content Wrapper Alignment: Left

• Heading: Works with Moodle 4.x

• Caption

  <p class="text-size-lg">The Monocolor theme is fully compatible with the latest Moodle version.</p>
  <p class="text-size-xs mt-3">Learn how to use this theme. Check out <a href="https://rosea.gitbook.io/monocolor/" class="underline--anim" target="_blank">extended documentation.</a></p>

25MB

sample-video-demo-content.zip

archive

The package include: poster file -> JPG, video files -> mp4, webm

Available options

• Full-width container (Full width: 100%, Standard: max-width: 1200px )

• Additional Class Name (For developers)

• Block Intro Content (HTML Content before the block)

• Content Wrapper Alignment (Left, Middle, Right)

• Heading Size (Normal, Large, Extra Large)

  Normal: 40px , Large: 60px , Extra Large: 80px

• Heading Color (Black, White, Gradient)

  Gradient: $primary-color-200, $primary-color-600
  
  // CSS class
  .rui-text--gradient

• Heading Font Weight (Normal, Medium, Bold)

• Show Colorized Content Wrapper (On/Off)

  • Content Wrapper Color (HEX)

Video Options

• Caption

• HTML Content

• Footer Content

• Video Background (poster)

• Video Background (mp4)

• Video Background (webm)

  • mp4 to webm converters:

    • https://www.freeconvert.com/mp4-to-webm

    • https://cloudconvert.com/mp4-to-webm

    • https://convertio.co/pl/mp4-webm/