Pictures and videos

Picture without caption

To add a picture without caption, use the img element:

<img src="https://clck.ru/FFAuR"/>
src
The image URL.
Attention. JPEG, PNG, GIF formats are supported. The SVG format is not supported in Turbo pages.

When viewing a Turbo page, the image is scaled to the size of the mobile device screen. The user can view it in its original size by clicking on the image. If the picture links to another page on the site or a third-party resource, clicking it opens the link.

Note. A GIF is played automatically if the image size is less than 128 pixels. If the image size is larger, the content is played by clicking.

Picture with caption

To add a picture with caption, use the nested structure of elements figure, img and figcaption:

<figure>
    <img src="https://clck.ru/FFAuR"/>
    <figcaption>Picture caption</figcaption>
</figure>
Attention. JPEG, PNG, GIF formats are supported. The SVG format is not supported in Turbo pages.

When viewing a Turbo page, the image is scaled to the size of the mobile device screen. The user can view it in its original size by clicking on the image. If the picture links to another page on the site or a third-party resource, clicking it opens the link.

Note. A GIF is played automatically if the image size is less than 128 pixels. If the image size is larger, the content is played by clicking.

Picture gallery

To display a picture gallery in an article, use the div element with the data-block="gallery" attribute and nested elements header and img:

<div data-block="gallery">
    <header>A caption to the galery</header>
    <img src="https://clck.ru/FFAuR"/>
    <img src="https://clck.ru/FFAvn"/>
</div>
header
The caption displayed under the gallery.
img *
Contains the src attribute for the image URL. The JPEG and PNG formats are supported.

Video in the text

You can add video clips posted on your site or on third-party resources to the Turbo page.

Supports MP4 format. Use the figureelement that can contain:

<figure>
    <video>
        <source
          src="https://clck.ru/FFB4k"
          type="video/mp4"/>
    </video>
    <img src="https://clck.ru/FFAvn"/>
    <figcaption>Caption to the video</figcaption>
</figure>
video *
Must include the source element with attributes:
  • src — Link to the video. The video should be available over HTTPS.
  • type — The media type and format.
img *
Video preview (an image) in any format.
figcaption

Video caption.

Required