Картинки и видео

Турбо‑страницы поддерживают:

Картинка без подписи

Чтобы разместить картинку без подписи, используйте элемент img:

<img src="https://clck.ru/FFAuR"/>
Скопировано
src
URL изображения. Поддерживаются форматы JPEG, PNG, GIF, SVG.

При просмотре Турбо‑страницы изображение масштабируется под размер экрана мобильного устройства. Посетитель может увидеть его в исходном размере, нажав на изображение. Если картинка ссылается на другую страницу сайта или сторонний ресурс, то при нажатии откроется установленная ссылка.

Примечание. GIF проигрывается автоматически, если размер изображения меньше 128 пикселей. Если размер изображения больше, содержимое воспроизводится по клику.

Картинка с подписью

Чтобы разместить картинку с подписью, используйте вложенную структуру элементов figure, img и figcaption:

<figure>
    <img src="https://clck.ru/FFAvn"/>
    <figcaption>The caption to the gallery</figcaption>
</figure>
Скопировано
src
URL изображения. Поддерживаются форматы JPEG, PNG, GIF, SVG.

При просмотре Турбо‑страницы изображение масштабируется под размер экрана мобильного устройства. Посетитель может увидеть его в исходном размере, нажав на изображение. Если картинка ссылается на другую страницу сайта или сторонний ресурс, то при нажатии откроется установленная ссылка.

Примечание. GIF проигрывается автоматически, если размер изображения меньше 128 пикселей. Если размер изображения больше, содержимое воспроизводится по клику.

Галерея картинок

Чтобы отобразить в статье галерею картинок, используйте элемент div с атрибутом data-block="gallery" и вложенные элементы header и 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>
Скопировано
img *
Изображение. Содержит атрибут src, в качестве значения которого нужно указать адрес картинки.
header
Подпись, которая отображается под галереей.

* Обязательный параметр

Видео в тексте

Чтобы разместить видео с вашего сайта, используйте вложенную структуру элементов figure, video, source, img и figcaption. Подерживается формат видео MP4.

Внимание. Видео автоматически загружается на Яндекс.Видеохостинг при формировании Турбо‑страницы.
<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>
Скопировано
video *
Информация о видео. Возможные атрибуты:
  • width — ширина видео в пикселях.
  • height — высота видео в пикселях.
Должен содержать вложенный элемент source с атрибутами:
  • src — ссылка на видео. Видео должно быть доступно по протоколу HTTPS.
  • type — тип медиаматериала и его формат. Поддерживается только video/mp4.
img *
Превью. Поддерживаются форматы JPEG, WEBP, PNG, GIF.
figcaption

Подпись к видео.

* Обязательный параметр