Images and videos

Image without caption

To add an image without a caption, use the img element:

<img src="https://clck.ru/FFAuR"/>
Copied to clipboard
src
The image URL. JPEG, PNG, GIF, and SVG formats are supported.

When the Turbo page is viewed, 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.

Image with caption

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

<figure>
    <img src="https://clck.ru/FFAvn"/>
    <figcaption>The caption to the gallery</figcaption>
</figure>
Copied to clipboard
src
The image URL. JPEG, PNG, GIF, and SVG formats are supported.

When the Turbo page is viewed, 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.

Image gallery

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

<div data-block="gallery">
    <img src="https://clck.ru/FFAuR"/>
    <img src="https://clck.ru/FFAvn"/>
    <header>The caption to the gallery</header>
</div>
Copied to clipboard
img *
Image. Contains the src attribute for the image URL.
header
The caption displayed under the gallery.

Video in the text

To post a video from your site, use the nested figure, video, source, img and figcaption elements. MP4 video format is supported.

Attention. Videos are automatically uploaded to Yandex.Videohosting when the Turbo page is formed.
<figure>
    <video width="192" height="108">
            <source
                src="https://clck.ru/Kiunj"
                type="video/mp4"
                data-duration=15
                data-title="Закат"/>
        </video>
        <img src="https://clck.ru/Kiun7"/>
        <figcaption>Таймлапс заката</figcaption>
</figure>
Copied to clipboard
video *
Information about the video. Attributes:
  • width — Video width in pixels.
  • height — Video height in pixels.
Must contain the nested source with the attributes:
  • src — Link to the video. The video should be available over HTTPS.
  • type — The media type and format. Only video/mp4 is supported.
img *
Preview. JPEG, WEBP, PNG, and GIF formats are supported.
figcaption

Video caption.

Required