Video (video)

A responsive container for embedded video. The video is scaled to the width of its container and maintains its aspect ratio.

🔗 External documentation.

ID	Label	Description	Schema
content	Content	Video renderable content

            id: video
label: Video
description: 'A responsive container for embedded video. The video is scaled to the width of its container and maintains its aspect ratio. '
homepage: 'https://protocol.mozilla.org/patterns/atoms/video.html'
slots:
    content:
        id: content
        label: Content
        description: 'Video renderable content'
examples:
    preview:
        id: preview
        label: Preview
        renderable:
            '@component': video
            content:
                '@element': video
                controls: controls
                width: 640
                height: 360
                poster: 'https://data.dilla.io/protocol_1/assets/static/img/video/video.jpg'
                src: 'https://protocol.mozilla.org/static/video/video.webm'