Skip to content

Commit

Permalink
Новая фича в разделе видео
Browse files Browse the repository at this point in the history
обновил структуру
  • Loading branch information
parinovK committed Nov 28, 2024
1 parent 06a7c3b commit 92a05d3
Showing 1 changed file with 33 additions and 27 deletions.
60 changes: 33 additions & 27 deletions ru/syntax/media.md
Original file line number Diff line number Diff line change
Expand Up @@ -56,45 +56,51 @@

Поддерживаются все сервисы, в которых есть медиапроигрыватели.

- YouTube — youtube
- Vimeo — vimeo
- Vine — vine
- Prezi — prezi
- Osf — osf
- Yandex — yandex
- Vk — vk
- Rutube — rutube
Чтобы добавить на страницу видео:

Чтобы добавить на страницу видео, используйте разметку:
1. используйте разметку:

```markdown
@[название_видеохостинга](id_видео_или_ссылка_на_него)
```
```markdown
@[название_видеохостинга](id_видео_или_ссылка_на_него)
```

{% cut "Инструкция по получению ссылки на видео" %}
1. Замените `название_видеохостинга` на значение:

1. Откройте видео.
1. Найдите код для публикации видео (его можно найти при экспорте, например, в разделе «Поделиться»).
- YouTube — youtube
- Vimeo — vimeo
- Vine — vine
- Prezi — prezi
- Osf — osf
- Yandex — yandex
- Vk — vk
- Rutube — rutube

{% cut "Пример кода публикации" %}
1. Получите ссылку на видео.

```html
<iframe width="480" height="270" src="https://dzen.ru/embed/vYxYrEqN_VWQ?from_block=partner&from=zen&mute=0&autoplay=0&tv=0" allow="autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture; encrypted-media" data-testid="embed-iframe" frameborder="0" scrolling="no" allowfullscreen></iframe>
```
{% cut "Инструкция по получению ссылки на видео" %}

{% endcut %}
1. Откройте видео.
1. Найдите код для публикации видео (его можно найти при экспорте, например, в разделе «Поделиться»).

1. Используйте ссылку из атрибута `src` в разметке.
{% cut "Пример кода публикации" %}

```markdown
@[dzen](https://dzen.ru/embed/vYxYrEqN_VWQ?from_block=partner&from=zen&mute=0&autoplay=0&tv=0)
```
```html
<iframe width="480" height="270" src="https://dzen.ru/embed/vYxYrEqN_VWQ?from_block=partner&from=zen&mute=0&autoplay=0&tv=0" allow="autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture; encrypted-media" data-testid="embed-iframe" frameborder="0" scrolling="no" allowfullscreen></iframe>
```

{% endcut %}

**Результат**:
1. Используйте ссылку из атрибута `src` в разметке.

@[dzen](https://dzen.ru/embed/vYxYrEqN_VWQ?from_block=partner&from=zen&mute=0&autoplay=0&tv=0)
```markdown
@[dzen](vYxYrEqN_VWQ)
```

{% endcut %}
**Результат**:

@[dzen](vYxYrEqN_VWQ)

{% endcut %}

Ознакомиться с вариантами оформления и перечнем доступных видеохостингов можно на странице плагина [markdown-it-video](https://www.npmjs.com/package/markdown-it-video).

Expand Down

0 comments on commit 92a05d3

Please sign in to comment.