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

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

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

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

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

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

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

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

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

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

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

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

Чтобы отобразить в статье галерею картинок, используйте элемент div с атрибутом data-block="gallery" и вложенные элементы header и img:

<div data-block="gallery">
    <header>Подпись к галерее</header>
    <img src="https://clck.ru/FFAuR"/>
    <img src="https://clck.ru/FFAvn"/>
</div>
header
Подпись, которая отображается под галереей.
img *
Содержит атрибут src, в качестве значения которого нужно указать адрес картинки.

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

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

Внимание. Видео автоматически загружается на Яндекс.Видеохостинг при формировании Турбо-страницы.
<figure>
    <video width="1920" height="1080">
        <source
          src="https://clck.ru/FFB4k"
          type="video/mp4"/>
    </video>
    <img src="https://clck.ru/FFAvn"/>
    <figcaption>Подпись к видео</figcaption>
</figure>
video *
Информация о видео. Возможные атрибуты:
  • width — ширина видео в пикселях.
  • height — высота видео в пикселях.
Должен содержать вложенный элемент source с атрибутами:
  • src — ссылка на видео. Видео должно быть доступно по протоколу HTTPS.
  • type — тип медиаматериала и его формат. Поддерживается только video/mp4.
img *
Превью. Поддерживаются форматы JPEG, WEBP, PNG, GIF.
figcaption

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

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