Objects from external sources
Alert
Dynamic blocks work in dynamic tables and on pages created in the old editor.
The iframe
block enables you to add other pages, objects, audio clips, or videos from external sources (such as YouTube, Vimeo, and Coub) to your page.
Using the block
{{iframe src="http://page" width=700px height=600px frameborder=0 scrolling=no}}
Block parameters
Parameter | Description |
---|---|
src |
This is a required parameter. Contains the address of the object. |
width |
Indicates the width of the iframe in pixels or as a percentage of the page width. |
height |
Indicates the height of the iframe in pixels. |
frameborder |
Indicates if there is an iframe border. |
scrolling |
Indicates if there are scrollbars in the iframe window. |
allowfullscreen |
Allows full-screen mode for the iframe. Always true . |
Subdomains allowed
The src
parameter can contain addresses that belong to the domains listed below:
-
vimeo.com
-
yandex.ru
-
yandex.ua
-
yandex.kz
-
yandex.by
-
youtube.com
-
youtube-nocookie.com
-
player.vimeo.com
-
player.vimple.ru
-
vkontakte.ru
-
vk.com
-
coub.com
Note
Some resources might prohibit inserting their pages using an iframe. For example, the https://yandex.com homepage.
Adding a video or audio
To add a video or audio file to a page, use the {{iframe}} dynamic block. It enables you to add media files from external sources, such as Yandex Music, Vimeo, or YouTube.
-
Open the page and click Edit.
-
Add the dynamic block code with a link to the media file to the page. Use the link for publishing files on external resources. These links are usually referred to as the "Embed code" or "HTML code".
Tip
-
When adding a video from YouTube, use a link in the format:
https://www.youtube.com/embed/oCRQj_zyPjk
To generate this link, select Share → Embed under the YouTube video and copy the
src
parameter value. -
When adding a track from Yandex Music, use a link in the format:
https://music.yandex.com/iframe/#track/71263/419460
To generate this link, select Share → HTML code in the track menu and copy the
src
parameter value.
Example of a dynamic block with a video:
{{iframe src="https://player.vimeo.com/video/207028770" width="640" height="300" frameborder="0" allow="autoplay; fullscreen" allowfullscreen}}
Example of a dynamic block with audio:
{{iframe frameborder="0" style="border:none;width:100%;height:180px;" width="100%" height="180" src="https://music.yandex.com/iframe/#track/71263/419460"}}