---
isPage: true
draft: false
title: Video
description: Add video section
icon: camera-video
hero:
  surtitle: Blocks
  title: Block video
  text: Add video section.
  ctas:
    - text: Documentation
      url: https://www.hugolify.io/docs/blocks/video/
      blank: true
    - text: Page code on Github
      url: https://raw.githubusercontent.com/Hugolify/hugolify-example-site/refs/heads/main/content/docs/video.md
      blank: true
blocks:
  - type: video
    background: false
    heading:
      title: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    grid: small
    video:
      mp4: /videos/lawyerify-independent.mp4
      webm: /videos/lawyerify-independent.webm
      screenshot: false
      autoplay: false
      controls: true
      loop: true
  - type: video
    background: false
    heading:
      title: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    grid: medium
    video:
      mp4: /videos/lawyerify-independent.mp4
      webm: /videos/lawyerify-independent.webm
      screenshot: true
      autoplay: true
      controls: false
      loop: true
      transcription: >-
        Curabitur nec ipsum sit amet tellus *sagittis* blandit. Nulla massa nibh,
        cursus a arcu et, viverra sodales ipsum. Duis id congue metus. In commodo
        lectus ut **ligula elementum**, ac commodo tortor rhoncus. Vivamus
        sollicitudin eu magna sed interdum. Mauris lobortis pulvinar lectus at
        semper. Proin ac nunc urna. In placerat lorem ut tempus interdum. Maecenas
        nec iaculis lorem.
  - type: video
    background: true
    heading:
      surtitle: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
      title: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    grid: large
    video:
      mp4: /videos/lawyerify-independent.mp4
      webm: /videos/lawyerify-independent.webm
      screenshot: true
      autoplay: true
      controls: false
      loop: true
---