> For the complete documentation index, see [llms.txt](https://rosea.gitbook.io/alpha-moodle-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://rosea.gitbook.io/alpha-moodle-theme/theme-settings/front-page-blocks/hero/block-2-hero-video.md).

# Block #2 (Hero Video)

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

<figure><img src="https://2392718208-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjCQEtIvsTA0eOyo5BCXE%2Fuploads%2Fd4t0gWz27pNMCGV5KFLn%2Fhero-video-moodle-theme.png?alt=media&amp;token=93ec0a3d-a1d7-4519-ba85-f2552ee683a3" alt=""><figcaption></figcaption></figure>

### Available options:

1. Full-width container (on/off)
2. Additional Class Name
3. **Content Wrapper Alignment:** *(Left, Middle, Right)*
4. **Heading Size:** *(Normal, Large, Extra Large)*\
   *Normal: 40px , Large: 60px , Extra large: 80px*
5. **Heading Color:** *White, Dark, Gradient*
6. **Heading Font Weight:** *Normal(400), Medium(500), Bold (700)*
7. Show Colorized Content Wrapper (on/off)
8. Content Wrapper Color
9. Heading
10. Caption
11. HTML Content

### Required files to add

1. Video Background (poster) - jpg, png
2. Video Background (mp4)
3. Video Background (webm)

### mp4 to webm converter

{% embed url="<https://convertio.co/pl/mp4-webm/>" %}

{% embed url="<https://cloudconvert.com/mp4-to-webm>" %}