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. JPEG, PNG, GIF, SVG formats are supported.

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>
src
The image URL. JPEG, PNG, GIF, SVG formats are supported.

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>Gallery caption</header>
    <img src="https://clck.ru/FFAuR"/>
    <img src="https://clck.ru/FFAvn"/>
</div>
header
The caption displayed under the gallery.
img *
Image. Contains the src attribute for the image URL.

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="1920" height="1080">
        <source src="https://clck.ru/FFB4k" type="video/mp4"/>
    </video>
    <img src="https://clck.ru/FFAvn"/>
    <figcaption>Video caption</figcaption>
</figure>
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, GIF formats are supported.
figcaption

Video caption.

Required