Introducing Video Fields for your Content Types

We're thrilled to announce the addition of dedicated Video Fields on Decoupla, empowering you to seamlessly integrate rich, dynamic video content directly into your digital experiences.

To make use of the Videos in your content types, you can add a new field of type Video inside your new or existing content types. Also we updated our Media Section to allow you to directly upload images and videos in your media library.

Your videos would be available in our GraphQL API, including our Gatsby Plugin.

The uploaded videos are served from Cloudflare R2 and are publicly available to prevent any CORS issues.

Example

Here's a short example querying a video field, including video thumbnail and video url.

query SectionQuery {
    heroArea {
     heroVideo: {
       width
       height
       duration
       thumbnail(height: 720, format: WEBP ) {
         output {
           url
         }
       }
       output {
         url
       }
     }
   }
}

To integrate the video in your page you can simply use the output.url as the video source and thumbnail as the poster.

<video src="${output.url}" poster="${thumbnail.output.url}"/>

The video thumbnail follows our existing image implementation, and you are able to resize the thumbnail as well as getting it into different image formats.