---
metadata:
  - name: generator
    content: Diplodoc Platform v5.50.6
alternate:
  - https://yandex.ru/support/wiki/en/actions/iframe.md
  - https://yandex.ru/support/wiki/ru/actions/iframe.md
---
> **Documentation Index:** Fetch the complete configuration index at https://yandex.ru/support/wiki/en/llms.txt

# Objects from external sources

{% note info "" %}

For information on working with objects from external sources in the new editor, see [Embedded object](https://yandex.ru/support/wiki/en/wysiwyg/embed-content.md).

{% endnote %}

<!-- source: en/_includes/actions-alert.md -->
{% note warning "" %}

Dynamic blocks are fully compatible with dynamic tables and any pages created in the [legacy editor](https://yandex.ru/support/wiki/en/pages-types.md#page).

<!-- source: en/_includes/old-editor-note.md -->
You can no longer create pages using the old editor. However, you can easily convert any existing pages from the legacy editor to the new editor format. For more information, see [Switching a page to the new editor format](https://yandex.ru/support/wiki/en/page-management/convert-page.md).
<!-- endsource: en/_includes/old-editor-note.md -->

{% endnote %}
<!-- endsource: en/_includes/actions-alert.md -->

You can use the `iframe` block to embed other pages, objects, audio files, or video clips from external sources, such as YouTube, Vimeo, and Coub.

## Triggering the block {#iframe-call}

```
{{iframe src="http://<page_address>" width=700px height=600px frameborder=0 scrolling=no}}
```

## Block parameters {#iframe-params}

| Parameter | Description |
--- | ---
| `src` | This is a required parameter. Contains the address of the object. |
| `width` | Indicates the iframe width in pixels or as a percentage of page width. |
| `height` | Indicates the iframe height in pixels. |
| `frameborder` | Indicates whether the iframe has a border. |
| `scrolling` | Indicates whether the iframe has scrollbars. |
| `allowfullscreen` | Enables full-screen for the iframe. Always `true`. |

<!-- source: en/wysiwyg/embed-content.md -->
## Allowed domains {#video-domain}


The **iFrame** element can contain only addresses that belong to the supported domains. The Wiki administrator can extend the list: you can learn how to do this below.

{% cut "List of supported domains" %}


- `yandex.ru`

   `yandex.ru` subdomains:

   - `mc.yandex.ru`

   - `disk.yandex.ru`

   - `cloud.yandex.ru`

   - `docviewer.yandex.ru`

   - `docviewer.dst.yandex.ru`

   - `forms.yandex.ru`

   - `connect.yandex.ru`

- `yandex.ua`

- `yandex.kz`

- `yandex.by`

- `yandex.net` subdomains:

   - `storage.yandex.net`

   - `mds.yandex.net`

   - `mdst.yandex.net`

- `datalens.yandex`

- `yastat.net`

- `youtube.com`

- `youtube-nocookie.com`

- `rutube.ru`

- `vimeo.com`

- `player.vimeo.com`

- `player.vimple.ru`

- `vkontakte.ru`

- `vk.com`

- `coub.com`


{% endcut %}
<!-- endsource: en/yfmeditor/embed-content.md -->

### Expanding the list of allowed domains {#white-list}

The Wiki administrator can add up to 10 domains of their choice to the list of those already allowed by default.

![](../_assets/add-domain.png =650x){.border-yes}
_How to add a domain_

1. In the left panel, click <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" aria-hidden="true" class="yc-icon nv-composite-bar__menu-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><path d="M15.84 4.69c-.06-.4-.37-.69-.75-.82-.4-.09-.8.04-1.06.29L12.2 6l-1.03-.16L11 4.81 12.84 3c.29-.28.38-.69.29-1.06-.13-.38-.41-.69-.82-.78a4.76 4.76 0 0 0-4.56 1.28A4.72 4.72 0 0 0 6.47 6.9L.72 12.62a2.66 2.66 0 0 0 0 3.63 2.58 2.58 0 0 0 3.62 0l5.72-5.72a4.8 4.8 0 0 0 5.78-5.84Zm-2.34 3.5a3.23 3.23 0 0 1-3.38.81l-.43-.16L3.3 15.2c-.37.4-1.1.4-1.47 0a1.04 1.04 0 0 1-.3-.75c0-.28.12-.53.3-.75l6.38-6.35-.13-.43a3.12 3.12 0 0 1 .72-3.41 3.2 3.2 0 0 1 2.31-1h.04L9.4 4.31l.46 2.82 2.82.5L14.5 5.8c0 .88-.34 1.75-1 2.38ZM2.72 13.75c-.28 0-.47.22-.47.5 0 .25.22.5.47.5.25 0 .47-.25.47-.5.03-.25-.19-.5-.47-.5Z"/></svg></svg> **Administration**.
1. Go to <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gn-settings-menu__item-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9.208 12.346c-.485 1-.953 1.154-1.208 1.154s-.723-.154-1.208-1.154c-.372-.768-.647-1.858-.749-3.187a21 21 0 0 0 3.914 0c-.102 1.329-.377 2.419-.75 3.187m.788-4.699C9.358 7.714 8.69 7.75 8 7.75s-1.358-.036-1.996-.103c.037-1.696.343-3.075.788-3.993C7.277 2.654 7.745 2.5 8 2.5s.723.154 1.208 1.154c.445.918.75 2.297.788 3.993m1.478 1.306c-.085 1.516-.375 2.848-.836 3.874a5.5 5.5 0 0 0 2.843-4.364c-.621.199-1.295.364-2.007.49m1.918-2.043c-.572.204-1.21.379-1.901.514-.056-1.671-.354-3.14-.853-4.251a5.5 5.5 0 0 1 2.754 3.737m-8.883.514c.056-1.671.354-3.14.853-4.251A5.5 5.5 0 0 0 2.608 6.91c.572.204 1.21.379 1.901.514M2.52 8.463a5.5 5.5 0 0 0 2.843 4.364c-.46-1.026-.75-2.358-.836-3.874a15.5 15.5 0 0 1-2.007-.49M15 8A7 7 0 1 0 1 8a7 7 0 0 0 14 0" clip-rule="evenodd"/></svg></svg> **Allowed domains**.
1. If there are no allowed domains yet, click **Add domain** in the center of the screen.
   To add another domain, click <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" class="yc-icon NavigationTree-ItemCreatePageIcon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path fill-rule="evenodd" d="M6.75 11.252a.75.75 0 1 1-1.5 0V6.747H.75a.75.75 0 0 1 0-1.5h4.5V.75a.75.75 0 1 1 1.5 0v4.495h4.5a.75.75 0 0 1 0 1.501h-4.5v4.505z" clip-rule="evenodd"/></svg></svg> **Add** at the bottom of the list.
1. Enter the site domain without the protocol, for example `example.com`.
   If the site has subdomains (`ru.example.com` or `en.example.com`) and all of them should be included in the list of allowed domains, add the `*` character at the beginning of the domain name, for example `*.example.com`.
1. Add a comment about how you plan to use the information from this resource on wiki pages. Other Wiki administrators will see this comment.
1. Click **Add**.

Now you can use content from these sites in the «iframe» block on wiki pages.

To remove a domain from the list, click <svg xmlns="http://www.w3.org/2000/svg" width="14" height="15" fill="currentColor" aria-hidden="true" class="yc-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 15"><path d="M8.203 12.125h.656a.332.332 0 0 0 .329-.328V5.89a.353.353 0 0 0-.329-.329h-.656a.332.332 0 0 0-.328.329v5.906c0 .191.137.328.328.328zm4.485-9.188h-2.27l-.93-1.53C9.27 1.05 8.778.75 8.368.75H5.604c-.41 0-.902.3-1.12.656l-.93 1.532H1.312a.45.45 0 0 0-.437.437v.438c0 .246.191.437.438.437h.437v9.188c0 .738.574 1.312 1.313 1.312h7.874c.711 0 1.313-.574 1.313-1.313V4.25h.438a.45.45 0 0 0 .437-.438v-.437a.47.47 0 0 0-.438-.438zM5.55 2.146a.364.364 0 0 1 .136-.083h2.598c.027 0 .11.055.137.083l.465.792h-3.8l.465-.792zm5.386 11.293H3.064V4.25h7.874v9.188zM5.14 12.126h.656a.332.332 0 0 0 .328-.328V5.89a.353.353 0 0 0-.328-.329H5.14a.332.332 0 0 0-.329.329v5.906c0 .191.137.328.329.328z"/></svg></svg> to the right of it and confirm the action.

{% note tip "" %}

If the page does not display, then the domain prohibits embedding.

{% endnote %}
<!-- endsource: en/wysiwyg/embed-content.md -->

<!--## Разрешенные поддомены {#video-domain}

Параметр `src` может содержать адреса, которые принадлежат доменам:

- `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 info "" %}

Некоторые ресурсы могут запрещать вставку их страниц с помощью iframe. Например, главная страница `yandex.ru`.

{% endnote %}-->

## Adding a video or audio {#add-video-audio}


To embed a video or audio to the page, use the [{{iframe}} dynamic block](#iframe-call). It allows you to embed media from external sources, such as Yandex&#160;Music, Vimeo, and YouTube.


1. Open the page and click **Edit**.

1. Embed the code of the dynamic block with a media link on the page. Use a link for embedding on external resources. These links are usually referred to as the "Embed code" or "HTML code".

{% note tip "" %}

* To embed a YouTube video, use a link that looks like this:
   ```
   https://www.youtube.com/embed/oCRQj_zyPjk
   ```
   To obtain this link, select **Share** → **Embed** under the YouTube video and copy the `src` parameter value.

* To embed a soundtrack from Yandex&#160;Music, use a link that looks like this:

   ```
   https://music.yandex.ru/iframe/#track/71263/419460
   ```
   To obtain this link, select **Share** → **HTML code** in the soundtrack menu and copy the `src` parameter value.

{% endnote %}

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 a soundtrack:

```
{{iframe frameborder="0" style="border:none;width:100%;height:180px;" width="100%" height="180" src="https://music.yandex.ru/iframe/#track/71263/419460"}}
```