---
layout: home
hero:
    name: "Single Background"
    text: "Video"
    tagline: "Video background with explicit media-layer controls."
    background:
        type: video
        video:
            src: "https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.mp4"
            muted: true
            autoplay: true
            loop: true
            fit: cover
            position: center
    actions:
        - theme: brand
          text: "Shader Case"
          link: /en-US/hero/matrix/backgroundSingle/shader
features:
    - title: "Media Contract"
---