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
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.
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
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.
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
*header
* Required
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.
<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
*- width — Video width in pixels.
- height — Video height in pixels.
- src — Link to the video. The video should be available over HTTPS.
- type — The media type and format. Only video/mp4 is supported.
img
*figcaption
Video caption.
* Required
To add videos from third-party resources, use the embed code. Usually, this is done with the iframe element. You can also add videos from Facebook and Odnoklassniki.ru.
To embed the code in the Turbo page content, add the iframe element:
Possible iframe attributes:<iframe src="https://www.youtube.com/embed/KzayrlaQ_Vg" width="560" height="315" frameborder="0" allowfullscreen="true" referrerpolicy="origin" hd="3"> </iframe>
Copied to clipboard
src
*- Yandex.Videohosting — frontend.vh.yandex.ru/embed/
- Clipiki.ru — clipiki.ru/embed/
- Dailymotion — dailymotion.com/embed/video/
- Dzenkino — dzenkino.com/embed/
- Facebook — facebook.com/plugins/post.php/
- Ferra.ru — ferra.media.eagleplatform.com/index/player/
- Izlesene.com — izlesene.com/embedplayer/
- Lenta.ru — lentaru.media.eagleplatform.com/index/player/
- Life.ru — embed.life.ru/video/
- Matchtv.ru — matchtv.ru/vdl/player/
- MyVi.ru — myvi.ru/player/embed/
- Passion.ru — passionru.media.eagleplatform.com/index/player/
- Quto.ru — quto.media.eagleplatform.com/index/player/
- Rutube — rutube.ru/pl/, rutube.ru/play/embed/
- Sputnik Moldova — ru.sputnik.md/services/video/embed/
- Vesti.ru — player.vgtrk.com/iframe/video/
- Vimeo — player.vimeo.com/video/
- Wmj.ru — wmj.media.eagleplatform.com/index/player/
- YouTube — youtube.com/embed/, youtube-nocookie.com/embed/
- Autorambler — autorambler.media.eagleplatform.com/index/player/
- Afisha — afisha.media.eagleplatform.com/index/player/
- Afisha Eda — eda.media.eagleplatform.com/index/player/
- VKontakte — vk.com/video_ext.php/
- Gazeta.Ru — gazeta.media.eagleplatform.com/index/player/
- LiveJournal — vc.videos.livejournal.com/index/player/
- Izvestia.Ru — iz.ru/video/embed/
- Letidor — letidor.media.eagleplatform.com/index/player/
- My World@Mail.Ru — my.mail.ru/video/embed/
- Motor — motor.media.eagleplatform.com/index/player/
- Odnoklassniki — ok.ru/videoembed/
- Channel Five — 5-tv.ru/player/
- Rambler.News — ramblernews.media.eagleplatform.com/index/player/
- RIA Novosti — ria.ru/services/video/embed/
- The “RT” TV channel — russian.rt.com/<...>/video/
- The “Zvezda” TV channel — tvzvezda.ru/<...>/player/
- The “NTV” TV channel — ntv.ru/embed/
- The “REN TV” TV channel — ren.tv/player/
- Championship — championat.media.eagleplatform.com/index/player/
- Yaplakal — yapfiles.ru/get_player/
width
height
Height. The object size is scaled to the size of the mobile device screen.
frameborder
allowfullscreen
Whether the fullscreen mode can be used.
referrerpolicy
Allows you to specify the referrer.
sandbox
Allows you to set limitations on embedded content.
hd
Allows you to set the video resolution. A number from 0 to 3, inclusive. Used for VK videos.
* Required