40 lines
2.4 KiB
Markdown
40 lines
2.4 KiB
Markdown
---
|
||
title: Embedding Youtube Videos
|
||
localeTitle: Встраивание видео Youtube
|
||
---
|
||
## Встраивание видео Youtube
|
||
|
||
Вероятно, вы много раз видели встроенные видео на своих любимых сайтах. Сегодня мы поговорим о встраивании видео на YouTube, что очень легко сделать, даже если вы не знаете об этом. Для этого действия мы будем использовать элемент `<frame>` , что очень полезно при встраивании других HTML. Это очень часто используется для продвижения некоторых продуктов в качестве добавок. Обратите внимание, что вы не ограничиваетесь только YouTube - вы также можете экспериментировать с другими документами.
|
||
|
||
### Элемент `<frame>`
|
||
|
||
#### С помощью
|
||
|
||
Вы можете легко разместить выбранное видео с помощью элемента `<frame>` . Но помните, вам также нужно определить высоту и ширину вашего игрока, поэтому мы будем использовать `height` и `width` атрибутов.
|
||
|
||
Что нам нужно?
|
||
|
||
* Видео на YouTube и URL
|
||
* `<frame>` (не забудьте закрыть его!)
|
||
* атрибуты `width` и `height`
|
||
|
||
```html
|
||
|
||
<iframe width="420" height="315"
|
||
src="https://www.youtube.com/watch?v=v8kFT4I31es">
|
||
</iframe>
|
||
```
|
||
|
||
Вставляемые значения рекомендуются, но не стесняйтесь изменять их таким образом, который вы хотели бы.
|
||
|
||
#### Автовоспроизведение
|
||
|
||
Что нам делать, если мы хотим, чтобы этот игрок начал автоматически играть? Просто добавьте к своей ссылке значение `?autoplay=1` . Но будьте осторожны, потому что это может раздражать многих людей, посещающих вашу веб-страницу.
|
||
|
||
```html
|
||
|
||
<iframe width="420" height="315"
|
||
src="https://www.youtube.com/watch?v=v8kFT4I31es?autoplay=1">
|
||
</iframe>
|
||
|
||
``` |