ΠΊΠΎΠ΄ Π²ΠΈΠ΄Π΅ΠΎ для вставки Π½Π° сайт Π½Π°Π²ΠΈΠ³Π°Ρ‚ΠΎΡ€

Π£Ρ€ΠΎΠΊ 15. Как Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π²ΠΈΠ΄Π΅ΠΎ Π½Π° страницу сайта срСдствами HTML?

ΠΊΠΎΠ΄ Π²ΠΈΠ΄Π΅ΠΎ для вставки Π½Π° сайт Π½Π°Π²ΠΈΠ³Π°Ρ‚ΠΎΡ€. 20130823142523144. ΠΊΠΎΠ΄ Π²ΠΈΠ΄Π΅ΠΎ для вставки Π½Π° сайт Π½Π°Π²ΠΈΠ³Π°Ρ‚ΠΎΡ€ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠΎΠ΄ Π²ΠΈΠ΄Π΅ΠΎ для вставки Π½Π° сайт Π½Π°Π²ΠΈΠ³Π°Ρ‚ΠΎΡ€-20130823142523144. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠΎΠ΄ Π²ΠΈΠ΄Π΅ΠΎ для вставки Π½Π° сайт Π½Π°Π²ΠΈΠ³Π°Ρ‚ΠΎΡ€. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° 20130823142523144. 1. Как Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π²ΠΈΠ΄Π΅ΠΎ Π½Π° сайт срСдствами HTML? 2. ΠšΠΎΡ€ΠΎΡ‚ΠΊΠΈΠΉ ΠΊΠΎΠ΄ вставки Π²ΠΈΠ΄Π΅ΠΎ с Youtube Π½Π° сайт
1. Как Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π²ΠΈΠ΄Π΅ΠΎ Π½Π° сайт срСдствами HTML?
2. ΠšΠΎΡ€ΠΎΡ‚ΠΊΠΈΠΉ ΠΊΠΎΠ΄ вставки Π²ΠΈΠ΄Π΅ΠΎ с Youtube Π½Π° сайт

Как Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π²ΠΈΠ΄Π΅ΠΎ Π½Π° сайт срСдствами HTML?

Π•ΡΡ‚ΡŒ Π΄Π²Π° Π²ΠΈΠ΄Π° вставки Π²ΠΈΠ΄Π΅ΠΎ Π½Π° сайт: Π²ΠΈΠ΄Π΅ΠΎ с Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ рСсурса (Youtube, Yandex video, Rutube ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅) ΠΈ Π²ΠΈΠ΄Π΅ΠΎΡ„Π°ΠΉΠ», ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΡƒΠΆΠ΅ Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½ Π½Π° сайт ΠΈ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ прямой ссылкой.

ПослС этого Π’Ρ‹ вставляСтС ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½Π½Ρ‹ΠΉ ΠΊΠΎΠ΄ ΠΊ сСбС Π½Π° страницу. ΠŸΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚ΡΡ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ ΠΎΡ‚Ρ€Π΅Π·ΠΎΠΊ ΠΊΠΎΠ΄Π°:

Код HTML

Настройки ΠΎΠΊΠ½Π° Π²ΠΈΠ΄Π΅ΠΎ подстраиваСтС ΠΏΠΎΠ΄ сСбя: width (ΡˆΠΈΡ€ΠΈΠ½Π° Π² пиксСлях), height (высота Π² пиксСлях). Π’ ссылкС http://video.rutube.ru/7c806393a9705797d7e92c4a05493d5d ΠΏΡ€ΠΈ Π²Ρ‹Π±ΠΎΡ€Π΅ Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ Π²ΠΈΠ΄Π΅ΠΎ достаточно ΠΏΠΎΠΌΠ΅Π½ΡΡ‚ΡŒ ΠΊΠΎΠ΄ Π²ΠΈΠ΄Π΅ΠΎ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠ΄Ρ‡Ρ‘Ρ€ΠΊΠ½ΡƒΡ‚. Π’Π΅Π³ embed ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для старых настроСк Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ², поэтому Ρ‚Π°ΠΌ Ρ‚Π°ΠΊΠΆΠ΅ Π½Π΅ Π·Π°Π±Ρ‹Π²Π°Π΅ΠΌ ΠΏΠΎΠΌΠ΅Π½ΡΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ Π²ΠΈΠ΄Π΅ΠΎ ΠΈ Ρ‚Π΄, ΠΈΠ½Π°Ρ‡Π΅ ΠΏΡ€ΠΈ просмотрС Ρ‡Π΅Ρ€Π΅Π· Π΄Ρ€ΡƒΠ³ΠΎΠΉ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΎΠΊΠ½ΠΎ с Π²ΠΈΠ΄Π΅ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚Π»ΠΈΡ‡Π°Ρ‚ΡŒΡΡ.

ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ простых ΠΏΡƒΡ‚Π΅ΠΉ Π½Π΅ ΠΈΡ‰Π΅ΠΌ, Ρ‚ΠΎ ΠΏΡ€Π΅Π΄ΠΏΠΎΠ»ΠΎΠΆΠΈΠΌ, Ρ‡Ρ‚ΠΎ Π’Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ SWF-Ρ„Π°ΠΉΠ». БущСствуСт мноТСство ΠΏΠ»Π΅Π΅Ρ€ΠΎΠ² доступных ΠΎΠ½-Π»Π°ΠΉΠ½. НапримСр, FlowPlayer ( ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ FlowPlayer ). ПослС скачивания Π°Ρ€Ρ…ΠΈΠ²Π° Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ Π΅Π³ΠΎ Π½Π° сайт Π² ΠΏΠ°ΠΏΠΊΡƒ с ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΌ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ flowplayer. ПослС этого Π½Π°Π΄ΠΎ ΠΏΡ€ΠΈΠΊΡ€Π΅ΠΏΠΈΡ‚ΡŒ ΠΊ страницС с Π²ΠΈΠ΄Π΅ΠΎ Π΄Π°Π½Π½Ρ‹ΠΉ ΠΏΠ»Π΅Π΅Ρ€, для этого вставляСм Π² head ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΡƒΡŽ строку:

Код HTML

ΠžΡΡ‚Π°Π½Π΅Ρ‚ΡΡ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π° самой странС Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ для проигрывания Π²ΠΈΠ΄Π΅ΠΎ. Π’ href Π½Π΅ Π·Π°Π±ΡƒΠ΄ΡŒΡ‚Π΅ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΏΡƒΡ‚ΡŒ ΠΊ Π²ΠΈΠ΄Π΅ΠΎ.

Из плюсов Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΠΌΠ΅Ρ‚ΠΎΠ΄Π° Ρ…ΠΎΡ‚Π΅Π» Π±Ρ‹ ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ отсутствиС Ρ€Π΅ΠΊΠ»Π°ΠΌΡ‹ ΠΏΡ€ΠΈ ΠΏΡ€ΠΎΠΈΠ³Ρ€Ρ‹Π²Π°Π½ΠΈΠΈ Π²ΠΈΠ΄Π΅ΠΎ ΠΈ, ΠΏΡ€ΠΈ Π½ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½ΠΎΠΉ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‰Π΅ΠΌ хостингС(!), Π±Ρ‹ΡΡ‚Ρ€ΡƒΡŽ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ Π²ΠΈΠ΄Π΅ΠΎ.

ΠšΠΎΡ€ΠΎΡ‚ΠΊΠΈΠΉ ΠΊΠΎΠ΄ вставки Π²ΠΈΠ΄Π΅ΠΎ с Youtube Π½Π° сайт

ΠΊΠΎΠ΄ Π²ΠΈΠ΄Π΅ΠΎ для вставки Π½Π° сайт Π½Π°Π²ΠΈΠ³Π°Ρ‚ΠΎΡ€. 20140429114451286. ΠΊΠΎΠ΄ Π²ΠΈΠ΄Π΅ΠΎ для вставки Π½Π° сайт Π½Π°Π²ΠΈΠ³Π°Ρ‚ΠΎΡ€ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠΎΠ΄ Π²ΠΈΠ΄Π΅ΠΎ для вставки Π½Π° сайт Π½Π°Π²ΠΈΠ³Π°Ρ‚ΠΎΡ€-20140429114451286. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠΎΠ΄ Π²ΠΈΠ΄Π΅ΠΎ для вставки Π½Π° сайт Π½Π°Π²ΠΈΠ³Π°Ρ‚ΠΎΡ€. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° 20140429114451286. 1. Как Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π²ΠΈΠ΄Π΅ΠΎ Π½Π° сайт срСдствами HTML? 2. ΠšΠΎΡ€ΠΎΡ‚ΠΊΠΈΠΉ ΠΊΠΎΠ΄ вставки Π²ΠΈΠ΄Π΅ΠΎ с Youtube Π½Π° сайт
На этот случай достаточно ΠΎΠ΄Π½ΠΎΠΉ строки ΠΊΠΎΠ΄Π° с использованиСм iframe. Π’ ΠΊΠΎΠ΄Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΌΠ΅Π½ΡΡ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ http://www.youtube.com/embed/WRtAVxqacQM ΠΊΠΎΡ€ΠΎΡ‚ΠΊΠΈΠΉ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠΎΠ½Π½Ρ‹ΠΉ ΠΊΠΎΠ΄ для Π²ΠΈΠ΄Π΅ΠΎ. Π’Π°ΠΊΠΆΠ΅ ΠΏΠΎ ТСланию ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΎΠΊΠ½Π° Π²ΠΈΠ΄Π΅ΠΎ: width (ΡˆΠΈΡ€ΠΈΠ½Π° Π² пиксСлях), height (высота Π² пиксСлях).

Код HTML (вставляСм ΠΊΡƒΠ΄Π° ΡƒΠ³ΠΎΠ΄Π½ΠΎ Π² body Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°)

И наслаТдаСмся клипом LP!)

Вставка Π²ΠΈΠ΄Π΅ΠΎ ΠΈΠ»ΠΈ Ρ‚Π΅Π³ video Π² HTML5

ΠŸΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ‚ Π²ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒ, Π²ΠΎΡΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΈ ΡƒΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ настройками Π²ΠΈΠ΄Π΅ΠΎΡ€ΠΎΠ»ΠΈΠΊΠ° Π½Π° Π²Π΅Π±-страницС.
Бинтаксис

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ ΠΊΠΎΠ΄Π° Ρ‚Π΅Π³Π° video

Вставка Π²ΠΈΠ΄Π΅ΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π² html-страницу ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ embed

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ embed ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ ΠΈ отобраТСния ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π²ΠΈΠ΄Π΅ΠΎΡ„Π°ΠΉΠ»ΠΎΠ², Ρ„Π»ΡΡˆ-Ρ€ΠΎΠ»ΠΈΠΊΠΎΠ², Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π·Π²ΡƒΠΊΠΎΠ²Ρ‹Ρ… Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΈ Ρ‚.Π΄.), ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ исходно Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π½Π΅ ΠΏΠΎΠ½ΠΈΠΌΠ°Π΅Ρ‚. Π§Π΅ΠΌ ΠΌΠ΅Ρ‚ΠΎΠ΄ отличаСтся ΠΎΡ‚ ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΠΈΡ…? Π’ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π΅ случаСв, ΠΏΠΎΠ΄ΠΎΠ±Π½Ρ‹Π΅ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ Ρ‚Ρ€Π΅Π±ΡƒΡŽΡ‚ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ ΠΊ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ модуля, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ называСтся ΠΏΠ»Π°Π³ΠΈΠ½, ΠΈΠ»ΠΈ запуска Π²ΡΠΏΠΎΠΌΠΎΠ³Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠΉ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹.

К слову, спСцификация HTML 4.0 Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚Π΅Π³ object для Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Π²Π½Π΅ΡˆΠ½ΠΈΡ… Π΄Π°Π½Π½Ρ‹Ρ… вмСсто Ρ‚Π΅Π³Π° embed. Однако Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ Π½Π΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ Π½ΡƒΠΆΠ½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ, поэтому Π½Π°ΠΈΠ»ΡƒΡ‡ΡˆΠΈΠΌ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠΌ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ embed Π²Π½ΡƒΡ‚Ρ€ΡŒ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π° object.

Бпасибо Π·Π° Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅! И успСхов ΠΏΡ€ΠΈ вставкС Π²ΠΈΠ΄Π΅ΠΎ Π½Π° сайт!)

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

Как ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ HTML-ΠΊΠΎΠ΄ для вставки Π½Π° сайт Π²ΠΈΠ΄Π΅ΠΎ с YouTube

ΠΊΠΎΠ΄ Π²ΠΈΠ΄Π΅ΠΎ для вставки Π½Π° сайт Π½Π°Π²ΠΈΠ³Π°Ρ‚ΠΎΡ€. 319. ΠΊΠΎΠ΄ Π²ΠΈΠ΄Π΅ΠΎ для вставки Π½Π° сайт Π½Π°Π²ΠΈΠ³Π°Ρ‚ΠΎΡ€ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠΎΠ΄ Π²ΠΈΠ΄Π΅ΠΎ для вставки Π½Π° сайт Π½Π°Π²ΠΈΠ³Π°Ρ‚ΠΎΡ€-319. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠΎΠ΄ Π²ΠΈΠ΄Π΅ΠΎ для вставки Π½Π° сайт Π½Π°Π²ΠΈΠ³Π°Ρ‚ΠΎΡ€. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° 319. 1. Как Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π²ΠΈΠ΄Π΅ΠΎ Π½Π° сайт срСдствами HTML? 2. ΠšΠΎΡ€ΠΎΡ‚ΠΊΠΈΠΉ ΠΊΠΎΠ΄ вставки Π²ΠΈΠ΄Π΅ΠΎ с Youtube Π½Π° сайт

Π’ΠΈΠ΄Π΅ΠΎ с YouTube вовсС Π½Π΅ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π° сайтС www.YouTube.com. НавСрняка ΠΏΡ€ΠΈΡ…ΠΎΠ΄ΠΈΠ»ΠΎΡΡŒ Π²ΡΡ‚Ρ€Π΅Ρ‡Π°Ρ‚ΡŒ Ρ€ΠΎΠ»ΠΈΠΊΠΈ, располоТСнныС Π½Π° Π²ΠΈΠ΄Π΅ΠΎ-хостингС YouTube, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ вставлСны Π² посты Π² ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСтях ΠΈΠ»ΠΈ Π½Π° Ρ‡ΡŒΠΈ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ сайтах. Π’ этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ рассмотрим, Π³Π΄Π΅ ΠΈ ΠΊΠ°ΠΊ Π²Π·ΡΡ‚ΡŒ HTML-ΠΊΠΎΠ΄ для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ сСбС Π½Π° сайт своё (ΠΈΠ»ΠΈ ΠΏΠΎΠ½Ρ€Π°Π²ΠΈΠ²ΡˆΠ΅Π΅ΡΡ) Π²ΠΈΠ΄Π΅ΠΎ с YouTube.

Как ΡƒΠ·Π½Π°Ρ‚ΡŒ адрСс YouTube Π²ΠΈΠ΄Π΅ΠΎ, располоТСнного Π½Π° сайтС

ΠŸΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΠΌ Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠ³ΠΎ Π²ΠΈΠ΄Π΅ΠΎ, располоТСнного Π½Π° сайтС, ΠΊΠ°ΠΊ ΡƒΠ·Π½Π°Ρ‚ΡŒ Π΅Π³ΠΎ HTML-ΠΊΠΎΠ΄ для вставки Π½Π° свой сайт. Для этого Π²Π½ΠΈΠΌΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎ приглядимся ΠΊ Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ Π½Π° Π²ΠΈΠ΄Π΅ΠΎ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΌΡ‹ΡˆΠΊΠΈ. Π’ ΠΏΡ€Π°Π²ΠΎΠΌ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΡƒΠ³Π»Ρƒ Π²ΠΈΠ΄Π΅ΠΎ находится хитровывСрнутая стрСлка. Она Ρ‚ΠΎ Π½Π°ΠΌ ΠΈ Π½ΡƒΠΆΠ½Π°! КликаСм ΠΏΠΎ Π½Π΅ΠΉ!

ΠΊΠΎΠ΄ Π²ΠΈΠ΄Π΅ΠΎ для вставки Π½Π° сайт Π½Π°Π²ΠΈΠ³Π°Ρ‚ΠΎΡ€. 0004. ΠΊΠΎΠ΄ Π²ΠΈΠ΄Π΅ΠΎ для вставки Π½Π° сайт Π½Π°Π²ΠΈΠ³Π°Ρ‚ΠΎΡ€ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠΎΠ΄ Π²ΠΈΠ΄Π΅ΠΎ для вставки Π½Π° сайт Π½Π°Π²ΠΈΠ³Π°Ρ‚ΠΎΡ€-0004. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠΎΠ΄ Π²ΠΈΠ΄Π΅ΠΎ для вставки Π½Π° сайт Π½Π°Π²ΠΈΠ³Π°Ρ‚ΠΎΡ€. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° 0004. 1. Как Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π²ΠΈΠ΄Π΅ΠΎ Π½Π° сайт срСдствами HTML? 2. ΠšΠΎΡ€ΠΎΡ‚ΠΊΠΈΠΉ ΠΊΠΎΠ΄ вставки Π²ΠΈΠ΄Π΅ΠΎ с Youtube Π½Π° сайт

Бсылки Β«ΠŸΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡΒ» Ρ€ΠΎΠ»ΠΈΠΊΠ° с YouTube

ΠΊΠΎΠ΄ Π²ΠΈΠ΄Π΅ΠΎ для вставки Π½Π° сайт Π½Π°Π²ΠΈΠ³Π°Ρ‚ΠΎΡ€. 0005. ΠΊΠΎΠ΄ Π²ΠΈΠ΄Π΅ΠΎ для вставки Π½Π° сайт Π½Π°Π²ΠΈΠ³Π°Ρ‚ΠΎΡ€ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠΎΠ΄ Π²ΠΈΠ΄Π΅ΠΎ для вставки Π½Π° сайт Π½Π°Π²ΠΈΠ³Π°Ρ‚ΠΎΡ€-0005. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠΎΠ΄ Π²ΠΈΠ΄Π΅ΠΎ для вставки Π½Π° сайт Π½Π°Π²ΠΈΠ³Π°Ρ‚ΠΎΡ€. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° 0005. 1. Как Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π²ΠΈΠ΄Π΅ΠΎ Π½Π° сайт срСдствами HTML? 2. ΠšΠΎΡ€ΠΎΡ‚ΠΊΠΈΠΉ ΠΊΠΎΠ΄ вставки Π²ΠΈΠ΄Π΅ΠΎ с Youtube Π½Π° сайт

HTML-ΠΊΠΎΠ΄ для вставки Π½Π° сайт Π²ΠΈΠ΄Π΅ΠΎ с YouTube

Π£Ρ€Π°-ΡƒΡ€Π°! Π’ Π½ΠΎΠ²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ откроСтся собствСнно страница с Π²ΠΈΠ΄Π΅ΠΎ Π½Π° сайтС YouTube. А это Π½Π°ΠΌ ΠΈ Π½ΡƒΠΆΠ½ΠΎ. Π‘ΠΌΠΎΡ‚Ρ€ΠΈΠΌ Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ располоТСно Π½ΠΈΠΆΠ΅ Π²ΠΈΠ΄Π΅ΠΎ ΠΈ Π΄Π΅Π»Π°Π΅ΠΌ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅:

ΠΊΠΎΠ΄ Π²ΠΈΠ΄Π΅ΠΎ для вставки Π½Π° сайт Π½Π°Π²ΠΈΠ³Π°Ρ‚ΠΎΡ€. 0006. ΠΊΠΎΠ΄ Π²ΠΈΠ΄Π΅ΠΎ для вставки Π½Π° сайт Π½Π°Π²ΠΈΠ³Π°Ρ‚ΠΎΡ€ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠΎΠ΄ Π²ΠΈΠ΄Π΅ΠΎ для вставки Π½Π° сайт Π½Π°Π²ΠΈΠ³Π°Ρ‚ΠΎΡ€-0006. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠΎΠ΄ Π²ΠΈΠ΄Π΅ΠΎ для вставки Π½Π° сайт Π½Π°Π²ΠΈΠ³Π°Ρ‚ΠΎΡ€. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° 0006. 1. Как Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π²ΠΈΠ΄Π΅ΠΎ Π½Π° сайт срСдствами HTML? 2. ΠšΠΎΡ€ΠΎΡ‚ΠΊΠΈΠΉ ΠΊΠΎΠ΄ вставки Π²ΠΈΠ΄Π΅ΠΎ с Youtube Π½Π° сайт

Π’ ΠΎΠ±Ρ‰Π΅ΠΌ-Ρ‚ΠΎ всё!

Π’ΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Β«HTML-ΠΊΠΎΠ΄Β», Π½Π°ΠΉΠ΄Π΅Π½Π½ΠΎΠΉ Π²Ρ‹ΡˆΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ искали:

Π­Ρ‚ΠΎΡ‚ ΠΊΠΎΠ΄ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ ΠΏΠΎΠΏΡ‹Ρ‚Π°Ρ‚ΡŒΡΡ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΊ сСбС Π½Π° сайт. Π‘ этим ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Ρ‚Π΅Π³ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π·Π°ΠΏΡ€Π΅Ρ‰Ρ‘Π½, Π½ΠΎ это Ρ‚Π΅ΠΌΠ° для Π΄Ρ€ΡƒΠ³ΠΎΠΉ ΡΡ‚Π°Ρ‚ΡŒΠΈ.

Π’Π°ΠΊΠΆΠ΅ Π΅ΡΡ‚ΡŒ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½Ρ‹Π΅ настройки Π²ΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ YouTube Β«HTML-ΠΊΠΎΠ΄Β», Π½ΠΎ это Ρ‚ΠΎΠΆΠ΅ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Π°Ρ Ρ‚Π΅ΠΌΠ°.

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

Как Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π²ΠΈΠ΄Π΅ΠΎ Π½Π° HTML-страницу

Π§Ρ‚ΠΎ Π½ΡƒΠΆΠ½ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π²ΠΈΠ΄Π΅ΠΎ Π² HTML-страницу? Π’ΠΎ ΠΏΠ΅Ρ€Π²Ρ‹Ρ…, Π·Π½Π°Π½ΠΈΠ΅ html, Π²ΠΎ Π²Ρ‚ΠΎΡ€Ρ‹Ρ… Π°Π·Ρ‹ Ρ€Π°Π±ΠΎΡ‚Ρ‹ с Π²ΠΈΠ΄Π΅ΠΎ, Π² Ρ‚Ρ€Π΅Ρ‚ΡŒΠΈΡ… Π½ΡƒΠΆΠ½Ρ‹Π΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ ΠΏΠΎΠ΄ Ρ€ΡƒΠΊΠΎΠΉ.

Chrome

Safari

Opera

Firefox

iPhone

Android

Π‘ Π²ΠΈΠ΄Π΅ΠΎ, Π΄ΡƒΠΌΠ°ΡŽ понятно. Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΠΌ ΠΊ ΠΊΠΎΠ΄Ρƒ. Для Π²Ρ‹Π²ΠΎΠ΄Π° Π²ΠΈΠ΄Π΅ΠΎ Π² HTML5 ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ‚Π΅Π³ просто прописываСм ΠΏΡƒΡ‚ΡŒ ΠΊΠ°ΠΊ ΠΈ ΠΊ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅ Ρ‡Π΅Ρ€Π΅Π· src:

Π’Π΅Π³Ρƒ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π΄Π°Ρ‚ΡŒ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ width – ΡˆΠΈΡ€ΠΈΠ½Π°, height – высота, controls – панСль управлСния, poster – ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅.

Но Π² Ρ‚Π°ΠΊΠΎΠΌ случаС Π²ΠΈΠ΄Π΅ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€ΠΎΠΈΠ³Ρ€Ρ‹Π²Π°Ρ‚ΡŒΡΡ Π½Π΅ Π²ΠΎ всСх Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ…, смотритС Ρ‚Π°Π±Π»ΠΈΡ†Ρƒ. Π§Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΡΡ‚ΠΈΡ‡ΡŒ кросбаузСрности ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Ρ‚Π΅Π³

Π’ΠΎΠ³Π΄Π° ΠΊΠΎΠ΄ для вставки ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Π΅Ρ‚ Ρ‚Π°ΠΊΠΎΠΉ Π²ΠΈΠ΄:

Π’ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π΅ type указываСтся Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ Ρ„Π°ΠΉΠ»Π°, Ρ‚ΠΎΠ³Π΄Π° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ опрСдСляСт смоТСт Π»ΠΈ воспроизвСсти Π²ΠΈΠ΄Π΅ΠΎ Π±Π΅Π· ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ скачивания. Иногда Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΡ€ΠΎΠΏΠΈΡΡ‹Π²Π°ΡŽΡ‚ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ codecs, Π³Π΄Π΅ ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚, ΠΊΠ°ΠΊΠΈΠΌ ΠΊΠΎΠ΄Π΅ΠΊΠΎΠΌ Π·Π°ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²Π°Π½ Ρ„Π°ΠΉΠ»:

На этом ΠΌΠΎΠΆΠ½ΠΎ Π±Ρ‹Π»ΠΎ Π±Ρ‹ ΠΎΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒΡΡ, НО Π΅ΡΡ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ старыС вСрсии Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²ΠΎΠΎΠ±Ρ‰Π΅ Π½Π΅ ΡƒΠΌΠ΅ΡŽΡ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с Π²ΠΈΠ΄Π΅ΠΎ, хотя воспроизводят Ρ„Π»ΡΡˆ-Π²ΠΈΠ΄Π΅ΠΎ благодаря установлСнному Ρ„Π»ΡΡˆ-ΠΏΠ»Π΅Π΅Ρ€Ρƒ.

Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Π½ΡƒΠΆΠ½ΠΎ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ ΠΈΠΌΠ΅Π½Π½ΠΎ для Ρ‚Π°ΠΊΠΈΡ… Π±Π΅Π·Π½Π°Π΄Π΅ΠΆΠ½ΠΎ ΡƒΡΡ‚Π°Ρ€Π΅Π²ΡˆΠΈΡ… ΡŽΠ·Π΅Ρ€ΠΎΠ² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ²:

И снова ΠΌΠΎΠΆΠ½ΠΎ Π±Ρ‹Π»ΠΎ Π±Ρ‹ ΠΏΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Ρ‚ΠΎΡ‡ΠΊΡƒ, ΠΎΠ΄Π½Π°ΠΊΠΎ Π½ΡƒΠΆΠ½ΠΎ ΡƒΠΏΠΎΠΌΡΠ½ΡƒΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π΅Ρ‰Ρ‘ для вставки Π²ΠΈΠ΄Π΅ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ сторонниС ΠΏΠ»Π΅Π΅Ρ€Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡƒΠΏΡ€ΠΎΡ‰Π°ΡŽΡ‚ вставку Π²ΠΈΠ΄Π΅ΠΎ ΠΈ ΠΊ Ρ‚ΠΎΠΌΡƒ ΠΆΠ΅ ΠΈΠΌΠ΅ΡŽΡ‚ свои настройки ΠΈ прСдустановлСнныС стили.

МнС большС всСго нравится flowplayer. Π”Π°Π»ΡŒΡˆΠ΅ ΠΎΠΏΠΈΡˆΡƒ ΠΊΠ°ΠΊ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ flowplayer Π½Π° html-сайт.

Для вставки Π²ΠΈΠ΄Π΅ΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ flowplayer ΠΊΠ°Ρ‡Π°Π΅ΠΌ Π°Ρ€Ρ…ΠΈΠ² здСсь ΠΈΠ»ΠΈ здСсь, содСрТимоС Π·Π°Π»ΠΈΠ²Π°Π΅ΠΌ Π² ΠΏΠ°ΠΏΠΊΡƒ со страницСй, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π²ΠΈΠ΄Π΅ΠΎ. Π’Π°ΠΆΠ½ΠΎ: содСрТимоС Π°Ρ€Ρ…ΠΈΠ²Π° Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ Π² ΠΎΠ΄Π½ΠΎΠΌ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π΅ со страницСй, Π²ΠΈΠ΄Π΅ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π»Π΅ΠΆΠ°Ρ‚ΡŒ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎ.

ΠœΠ΅ΠΆΠ΄Ρƒ Ρ‚Π΅Π³Π°ΠΌΠΈ вставляСм:

Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠΌΠ΅Π½ΠΈΡ‚ΡŒ скин, мСняСм Π² ΠΊΠΎΠ΄Π΅ minimalist.css Π½Π° ΠΏΠΎΠ½Ρ€Π°Π²ΠΈΠ²ΡˆΠΈΠΉΡΡ ΠΈΠ· ΠΏΠ°ΠΏΠΊΠΈ skin.

Π’ Π½ΡƒΠΆΠ½ΠΎΠΌ мСстС страницы вставляСм:

ΠŸΡƒΡ‚ΡŒ ΠΊ Π²ΠΈΠ΄Π΅ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΊΠ°ΠΊ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ, Ρ‚Π°ΠΊ ΠΈ Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½Ρ‹ΠΉ. data-ratio – Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΏΠ»Π΅Π΅Ρ€Π°. video.ogv ΠΌΠΎΠΆΠ½ΠΎ Π½Π΅ Π΄Π΅Π»Π°Ρ‚ΡŒ Ρƒ мСня ΠΏΠΎ ΠΊΡ€Π°ΠΉΠ½Π΅ΠΉ ΠΌΠ΅Ρ€Π΅ ΠΈ Π±Π΅Π· Π½Π΅Π³ΠΎ воспроизводится Π²ΠΎ всСх Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ….

ΠŸΡ€Π΅ΠΈΠΌΡƒΡ‰Π΅ΡΡ‚Π²ΠΎ этого ΠΏΠ»Π΅Π΅Ρ€Π° Π² Ρ‚ΠΎΠΌ Ρ‡Ρ‚ΠΎ, Ссли Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ устарСл ΠΈ Π½Π΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ ΠΏΠΎΡ‚ΠΎΠΊΠΎΠ²ΠΎΠ΅ Π²ΠΈΠ΄Π΅ΠΎ, ΠΎΠ½ΠΎ воспроизводится ΠΊΠ°ΠΊ Ρ„Π»ΡΡˆ-Π²ΠΈΠ΄Π΅ΠΎ. Для этого Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ Π½ΠΈΡ‡Π΅Π³ΠΎ Π΄ΠΎΠΏΠΈΡΡ‹Π²Π°Ρ‚ΡŒ.

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

Website-create.ru

Если Π’Ρ‹ ΡΡ‚ΠΎΠ»ΠΊΠ½ΡƒΠ»ΠΈΡΡŒ с вопросом добавлСния Π²ΠΈΠ΄Π΅ΠΎ Ρ€ΠΎΠ»ΠΈΠΊΠ° Π½Π° страницы Π’Π°ΡˆΠ΅Π³ΠΎ сайта ΠΈΠ»ΠΈ Π±Π»ΠΎΠ³Π°, Π½ΠΎ Π½Π΅ Π·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ это ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, Ρ‚ΠΎ этот ΡƒΡ€ΠΎΠΊ для Вас! Π’ Π΄Π°Π½Π½ΠΎΠΌ ΡƒΡ€ΠΎΠΊΠ΅ ΠΌΡ‹ рассмотрим 3 Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹Ρ… способа добавлСния Π²ΠΈΠ΄Π΅ΠΎ Π½Π° сайт, ΠΈ Π’Ρ‹ смоТСтС Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ‚ΠΎΡ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ понравится Π’Π°ΠΌ большС.

Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ развиваСтся с ΠΊΠ°ΠΆΠ΄Ρ‹ΠΌ Π΄Π½Π΅ΠΌ всС большС ΠΈ большС. БСгодня ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ хотят Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‡ΠΈΡ‚Π°Ρ‚ΡŒ тСксты, Π½ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ ΠΈ Π»ΠΈΡ†Π΅Π·Ρ€Π΅Ρ‚ΡŒ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ графичСскиС элСмСнты, Ρ€Π°Π·Π½Ρ‹Π΅ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Π΅ ΠΏΡ€ΠΈΠΌΠΎΡ‡ΠΊΠΈ ΠΈ Π΅Ρ‰Π΅ ΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π²ΠΈΠ΄Π΅ΠΎ прямо с Π²Π΅Π± страниц. Π’ΠΎ ΠΌΠ½ΠΎΠ³ΠΈΡ… случаях это создаСт Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ удобство для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΊΠΎΠ³Π΄Π° ΠΎΠ½ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π²ΠΈΠ΄Π΅ΠΎ-ΠΈΠ½ΡΡ‚Ρ€ΡƒΠΊΡ†ΠΈΡŽ) ΠΈΠ»ΠΈ просто Π΄Π΅Π»Π°Π΅Ρ‚ Π΅Π³ΠΎ ΠΏΡ€Π΅Π±Ρ‹Π²Π°Π½ΠΈΠ΅ Π½Π° Π²Π΅Π± рСсурсС Π±ΠΎΠ»Π΅Π΅ ΡƒΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ.

Π’Π°ΠΊ ΠΈΠ»ΠΈ ΠΈΠ½Π°Ρ‡Π΅, Π±ΡƒΠ΄ΡŒ Ρ‚ΠΎ ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠ΅ Π²ΠΈΠ΄Π΅ΠΎ с ΡƒΡ€ΠΎΠΊΠΎΠΌ ΠΈΠ»ΠΈ инструкциСй, дСмонстрационноС Π²ΠΈΠ΄Π΅ΠΎ ΠΊΠ°ΠΊΠΎΠ³ΠΎ-Π»ΠΈΠ±ΠΎ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π° ΠΈΠ»ΠΈ Ρ€Π°Π·Π²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ Π²ΠΈΠ΄Π΅ΠΎ, ΠΏΡ€ΠΈΠ·Π²Π°Π½Π½ΠΎΠ΅ ΡΠΊΡ€Π°ΡΠΈΡ‚ΡŒ досуг ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ, Ρ€Π°Π½ΠΎ ΠΈΠ»ΠΈ ΠΏΠΎΠ·Π΄Π½ΠΎ появляСтся Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ внСдрСния этого Π²ΠΈΠ΄Π΅ΠΎ Π² Π²Π΅Π± страницу.

Π•ΡΡ‚ΡŒ нСсколько способов ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ это. БСгодня ΠΌΡ‹ рассмотрим 3 Ρ€Π°Π·Π½Ρ‹Ρ… способа, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Π’Π°ΠΌ ΡΠΏΡ€Π°Π²ΠΈΡ‚ΡŒΡΡ с этой Π·Π°Π΄Π°Ρ‡Π΅ΠΉ. Какой ΠΈΠ· Π½ΠΈΡ… Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ – Ρ€Π΅ΡˆΠ°Ρ‚ΡŒ Π’Π°ΠΌ. Π˜Ρ‚Π°ΠΊ, поСхали…

Как Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π²ΠΈΠ΄Π΅ΠΎ Π½Π° сайт

Для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ‚Π΅ΡΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ всС наши ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹, я создам html-Ρ„Π°ΠΉΠ», Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Ρƒ ΠΊ Π½Π΅ΠΌΡƒ ΠΊΠΎΠ΅-ΠΊΠ°ΠΊΠΈΠ΅ стили. НиТС ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½ ΠΊΠΎΠ΄ этого Ρ„Π°ΠΉΠ»Π° ΠΈ ΠΊΠΎΠ΄ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй, которая ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½Π° ΠΊ html-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρƒ. Π’Π°ΠΊΠΆΠ΅ всС эти Ρ„Π°ΠΉΠ»Ρ‹ Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΠΉΡ‚ΠΈ Π² исходниках ΠΊ ΡƒΡ€ΠΎΠΊΡƒ. ΠžΠ±ΡŠΡΡΠ½ΡΡ‚ΡŒ этот ΠΊΠΎΠ΄ я здСсь Π½Π΅ Π±ΡƒΠ΄Ρƒ, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ ΠΎΠ½ достаточно простой, ΠΈ я Π΄ΡƒΠΌΠ°ΡŽ, Ρ‡Ρ‚ΠΎ Π’Ρ‹ ΠΈ сами Π² Π½Π΅ΠΌ прСкрасно Ρ€Π°Π·Π±Π΅Ρ€Π΅Ρ‚Π΅ΡΡŒ, ΠΎΠ΄Π½Π°ΠΊΠΎ, Ссли Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ нСпонятно, Ρ‚ΠΎ Π’Ρ‹ всСгда ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ Π² коммСнтариях свой вопрос, ΠΈ я Π½Π° Π½Π΅Π³ΠΎ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΎΡ‚Π²Π΅Ρ‡Ρƒ.

Π˜Ρ‚Π°ΠΊ, ΠΊΠΎΠ΄ html-Ρ„Π°ΠΉΠ»Π°:

Π­Ρ‚ΠΎ просто html5 Ρ„Π°ΠΉΠ», ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ содСрТит Π² сСбС нСсколько Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ². Π”Π°Π»Π΅Π΅ ΠΏΠΎΠ΄ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΌ ΠΈΠ· Π½ΠΈΡ… ΠΌΡ‹ Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΉ ΠΊΠΎΠ΄.

Π― Ρ‚Π°ΠΊΠΆΠ΅ прописала Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ стили для этой странички. Они хранятся Π² Ρ„Π°ΠΉΠ»Π΅ Β«style.cssΒ», ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π»Π΅ΠΆΠΈΡ‚ Π² Ρ‚ΠΎΠΌ ΠΆΠ΅ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π΅, Ρ‡Ρ‚ΠΎ ΠΈ html-Ρ„Π°ΠΉΠ». Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠΈΠΌΠΎΠ΅ Ρ„Π°ΠΉΠ»Π° Β«style.cssΒ» выглядит ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

Если ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ наш html-Ρ„Π°ΠΉΠ» Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅, Ρ‚ΠΎ сСйчас ΠΎΠ½ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Ρ‚Π°ΠΊ:

ΠŸΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΊΠ° Π·Π°ΠΊΠΎΠ½Ρ‡Π΅Π½Π°, Π΄Π°Π²Π°ΠΉΡ‚Π΅ ΠΏΠ΅Ρ€Π΅ΠΉΠ΄Π΅ΠΌ ΠΊ самой вставкС Π²ΠΈΠ΄Π΅ΠΎ Π½Π° Π²Π΅Π± страницу.

ΠŸΠ΅Ρ€Π²Ρ‹ΠΉ способ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΡ‹ рассмотрим – это вставка Π²ΠΈΠ΄Π΅ΠΎ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ сСрвиса Youtube.

1. ΠŸΠ΅Ρ€Π²ΠΎΠ΅ Ρ‡Ρ‚ΠΎ Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ – это ΠΈΠΌΠ΅Ρ‚ΡŒ ΠΊΠ°ΠΊΠΎΠΉ-Ρ‚ΠΎ Π²ΠΈΠ΄Π΅ΠΎ-Ρ€ΠΎΠ»ΠΈΠΊ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ. Допустим, Ρ‡Ρ‚ΠΎ ΠΎΠ½ Ρƒ нас Π΅ΡΡ‚ΡŒ ΠΈ хранится Π½Π° нашСм локальном ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅.

Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΠΌ Π½Π° сайт www.youtube.com. Π—Π΄Π΅ΡΡŒ Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π½Π°ΠΆΠ°Ρ‚ΡŒ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡƒ Β«Π’ΠΎΠΉΡ‚ΠΈΒ», Ρ€Π°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½Π½ΡƒΡŽ Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΠΏΡ€Π°Π²ΠΎΠΌ ΡƒΠ³Π»Ρƒ. ПослС этого Π½ΡƒΠΆΠ½ΠΎ произвСсти Π²Ρ…ΠΎΠ΄ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ Π’Π°ΡˆΠ΅Π³ΠΎ Π°ΠΊΠΊΠ°ΡƒΠ½Ρ‚Π° Google. Если Π²Π΄Ρ€ΡƒΠ³ Ρƒ Вас Π΅Π³ΠΎ Π΅Ρ‰Π΅ Π½Π΅Ρ‚, Ρ‚ΠΎ сначала Π½ΡƒΠΆΠ½ΠΎ Π΅Π³ΠΎ завСсти.

2. ПослС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π’Ρ‹ вошли Π² сСрвис ΠΏΠΎΠ΄ своим Π°ΠΊΠΊΠ°ΡƒΠ½Ρ‚ΠΎΠΌ, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡƒ Β«Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π²ΠΈΠ΄Π΅ΠΎΒ». БСрвис ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠΈΡ‚ Π’Π°ΠΌ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ„Π°ΠΉΠ» для Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ, ΠΈ Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π½ΡƒΠΆΠ½Ρ‹ΠΉ Ρ„Π°ΠΉΠ», ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ хранится Ρƒ Вас Π½Π° ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅.

ПослС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π’Ρ‹ Π²Ρ‹Π±Ρ€Π°Π»ΠΈ Π½ΡƒΠΆΠ½Ρ‹ΠΉ Ρ„Π°ΠΉΠ», ΠΎΠ½ Π½Π°Ρ‡Π½Π΅Ρ‚ Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒΡΡ. НуТно ΠΏΠΎΠ΄ΠΎΠΆΠ΄Π°Ρ‚ΡŒ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ, ΠΏΠΎΠΊΠ° ΠΎΠ½ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ Π½Π΅ загрузится.

ПослС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π²ΠΈΠ΄Π΅ΠΎ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΠ»ΠΎΡΡŒ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ, Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΏΠΎ Π΅Π³ΠΎ ссылкС (Π΅Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Π²Π²Π΅Ρ€Ρ…Ρƒ, сразу послС сообщСния ΠΎ Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ° Π·Π°Π²Π΅Ρ€ΡˆΠ΅Π½Π°).

Когда Π’Ρ‹ ΠΏΠ΅Ρ€Π΅ΠΉΠ΄Π΅Ρ‚Π΅ ΠΏΠΎ Π΄Π°Π½Π½ΠΎΠΉ ссылкС, Ρ‚ΠΎ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ Π’Π°ΡˆΠ΅ Π²ΠΈΠ΄Π΅ΠΎ, Ρ€Π°Π·ΠΌΠ΅Ρ‰Ρ‘Π½Π½ΠΎΠ΅ Π½Π° сСрвисС Youtube.

3. Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄, для вставки Π²ΠΈΠ΄Π΅ΠΎ Π½Π° Π½Π°ΡˆΡƒ Π²Π΅Π± страницу. Для этого сразу ΠΏΠΎΠ΄ Π²ΠΈΠ΄Π΅ΠΎ Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΏΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Β«ΠŸΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡΒ», Π° Π² Π½Π΅ΠΉ ΠΏΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Β«HTML-ΠΊΠΎΠ΄Β».

Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ html-ΠΊΠΎΠ΄, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ понадобится Π½Π°ΠΌ для вставки. Π—Π΄Π΅ΡΡŒ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π΄Π°Ρ‚ΡŒ ΠΈ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ: Ρ€Π°Π·ΠΌΠ΅Ρ€ Π²ΠΈΠ΄Π΅ΠΎ, ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ Π»ΠΈ ΠΏΠΎΡ…ΠΎΠΆΠΈΠ΅ Π²ΠΈΠ΄Π΅ΠΎ послС окончания просмотра ΠΈ Ρ€Π΅ΠΆΠΈΠΌ ΠΊΠΎΠ½Ρ„ΠΈΠ΄Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ.

Когда Π’Ρ‹ настроитС всС ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹, Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠ΄ ΠΈ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π΅Π³ΠΎ Π² Π’Π°Ρˆ html-Ρ„Π°ΠΉΠ». Π― Π²ΡΡ‚Π°Π²Π»ΡŽ ΠΊΠΎΠ΄ Π² Ρ„Π°ΠΉΠ» ΠΏΠΎΠ΄ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΌ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

И Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ, Ссли ΠΌΡ‹ посмотрим Ρ€Π°Π±ΠΎΡ‚Ρƒ нашСго html-Ρ„Π°ΠΉΠ»Π° Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅, Ρ‚ΠΎ ΡƒΠ²ΠΈΠ΄ΠΈΠΌ, Ρ‡Ρ‚ΠΎ Π²ΠΈΠ΄Π΅ΠΎ Π²ΡΡ‚Π°Π²ΠΈΠ»ΠΎΡΡŒ ΠΈ Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ (ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠΎΠ΄ Π² дСйствии Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΠΆΠ°Π² Π½Π° ΠΈΠΊΠΎΠ½ΠΊΡƒ Β«Π”Π΅ΠΌΠΎΒ» Π² Π½Π°Ρ‡Π°Π»Π΅ ΡΡ‚Π°Ρ‚ΡŒΠΈ).

Π—Π΄Π΅ΡΡŒ, я Π΄ΡƒΠΌΠ°ΡŽ, всС понятно. Π”Π°Π²Π°ΠΉΡ‚Π΅ ΠΏΠ΅Ρ€Π΅ΠΉΠ΄Π΅ΠΌ ΠΊ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌΡƒ способу.

ВставляСм Π²ΠΈΠ΄Π΅ΠΎ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ скрипта ΠΏΠ»Π΅Π΅Ρ€Π°.

МоТно Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π²ΠΈΠ΄Π΅ΠΎ ΠΈ Π½Π΅ загруТая Π΅Π³ΠΎ Π½Π° ΠΊΠ°ΠΊΠΎΠΉ-Π»ΠΈΠ±ΠΎ видСосСрвис. Если ΠΏΠΎ ΠΊΠ°ΠΊΠΎΠΉ-Ρ‚ΠΎ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π΅ Π’Ρ‹ Π½Π΅ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ Π²ΠΈΠ΄Π΅ΠΎ Π½Π° сСрвис, Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ скриптом ΠΏΠ»Π΅Π΅Ρ€Π°.

Π˜Ρ‚Π°ΠΊ, Ρƒ Вас Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ Π²ΠΈΠ΄Π΅ΠΎΡ€ΠΎΠ»ΠΈΠΊ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π’Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚Π΅ Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ. Допустим, Ρ‡Ρ‚ΠΎ ΠΎΠ½ хранится Π² ΠΊΠ°ΠΊΠΎΠΉ-Ρ‚ΠΎ ΠΏΠ°ΠΏΠΊΠ΅ Π½Π° Π’Π°ΡˆΠ΅ΠΌ сайтС. Π― ΡΠΎΡ…Ρ€Π°Π½ΡŽ Π²ΠΈΠ΄Π΅ΠΎΡ„Π°ΠΉΠ» Π² ΠΏΠ°ΠΏΠΊΠ΅ с ΠΈΠΌΠ΅Π½Π΅ΠΌ Β«videoΒ».

Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π½Π°ΠΌ Π½ΡƒΠΆΠ΅Π½ сам ΠΏΠ»Π΅Π΅Ρ€. На Π΄Π°Π½Π½Ρ‹ΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ‚ сущСствуСт мноТСство бСсплатных ΠΏΠ»Π΅Π΅Ρ€ΠΎΠ², с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΌΠΎΠΆΠ½ΠΎ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π²ΠΈΠ΄Π΅ΠΎ Π½Π° сайт. Π”Π°Π²Π°ΠΉΡ‚Π΅ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡΡ ΠΏΠ»Π΅Π΅Ρ€ΠΎΠΌ Flowplayer. Π­Ρ‚ΠΎ бСсплатный Π²ΠΈΠ΄Π΅ΠΎΠΏΠ»Π΅Π΅Ρ€ для Π²Π΅Π±, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ для Π²Π»Π°Π΄Π΅Π»ΡŒΡ†Π΅Π² сайтов.

1. Π‘ΠΊΠ°Ρ‡Π°ΠΉΡ‚Π΅ Ρ„Π°ΠΉΠ»Ρ‹ ΠΏΠ»Π΅Π΅Ρ€Π° сСбС Π½Π° ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€ Π½Π°ΠΆΠ°Π² Π²ΠΎΡ‚ Π½Π° эту ссылку: FlowPlayer

2. ПослС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π’Ρ‹ скачали Ρ„Π°ΠΉΠ»Ρ‹ ΠΏΠ»Π΅Π΅Ρ€Π° Π½Π° свой ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€, Π½ΡƒΠΆΠ½ΠΎ ΠΈΡ… Ρ€Π°Π·Π°Ρ€Ρ…ΠΈΠ²ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π² ΠΊΠ°ΠΊΡƒΡŽ-Π»ΠΈΠ±ΠΎ ΠΏΠ°ΠΏΠΊΡƒ Π½Π° Π’Π°ΡˆΠ΅ΠΌ сайтС. Π― создала ΠΏΠ°ΠΏΠΊΡƒ Β«flowplayΒ» ΠΈ Ρ€Π°Π·Π°Ρ€Ρ…ΠΈΠ²ΠΈΡ€ΠΎΠ²Π°Π»Π° Ρ„Π°ΠΉΠ»Ρ‹ Ρ‚ΡƒΠ΄Π°.

3. Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΏΠ΅Ρ€Π΅ΠΉΠ΄Π΅ΠΌ Π² html-Ρ„Π°ΠΉΠ» ΠΈ займСмся ΠΊΠΎΠ΄ΠΎΠΌ.
ΠŸΠ΅Ρ€Π²ΠΎΠ΅, Ρ‡Ρ‚ΠΎ Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ это ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ javascript-Ρ„Π°ΠΉΠ» ΠΏΠ»Π΅Π΅Ρ€Π° ΠΊ Π½Π°ΡˆΠ΅ΠΌΡƒ html-Ρ„Π°ΠΉΠ»Ρƒ. Для этого Π²Π½ΡƒΡ‚Ρ€ΠΈ Ρ‚Π΅Π³Π° head, сразу послС ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй ΠΏΡ€ΠΎΠΏΠΈΡˆΠΈΡ‚Π΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ ΠΊΠΎΠ΄:

Если Π’Ρ‹ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Π΅Ρ‚Π΅ Ρ„Π°ΠΉΠ» Π² Π΄Ρ€ΡƒΠ³ΠΎΠΉ ΠΏΠ°ΠΏΠΊΠ΅, Ρ‚ΠΎ ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡƒΡ‚ΡŒ ΠΊ Ρ„Π°ΠΉΠ»Ρƒ Π±Ρ‹Π» прописан ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ.

4. Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΏΠ΅Ρ€Π΅ΠΉΠ΄Π΅ΠΌ Π² Ρ‚Π΅Π»ΠΎ нашСго Ρ„Π°ΠΉΠ»Π° ΠΈ размСстим сам ΠΏΠ»Π΅Π΅Ρ€ с ΠΏΡ€ΠΎΠΈΠ³Ρ€Ρ‹Π²Π°Π΅ΠΌΡ‹ΠΌ Ρ„Π°ΠΉΠ»ΠΎΠΌ. Π― Ρ€Π°Π·ΠΌΠ΅Ρ‰Ρƒ Π΅Π³ΠΎ прямо ΠΏΠΎΠ΄ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΌ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ, ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ помСстив Π² Ρ‚Π΅Π³ div, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹Ρ€ΠΎΠ²Π½ΡΡŽ ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ.

Π—Π΄Π΅ΡΡŒ Π’Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ ΠΏΡƒΡ‚ΠΈ Π΄ΠΎ Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΈ ΠΏΡ€ΠΎΠΏΠΈΡΠ°Ρ‚ΡŒ свои. ДСлая это Π±ΡƒΠ΄ΡŒΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹.

Π’Π°ΠΊΠΆΠ΅ здСсь выставлСны настройки, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ Π΄Π°ΡŽΡ‚ Π²ΠΈΠ΄Π΅ΠΎ Π·Π°ΠΏΡƒΡΠΊΠ°Ρ‚ΡŒΡΡ автоматичСски, ΠΎΠ΄Π½Π°ΠΊΠΎ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°ΡŽΡ‚ Π΅Π³ΠΎ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ. Если Π’Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²ΠΈΠ΄Π΅ΠΎ Π·Π°ΠΏΡƒΡΠΊΠ°Π»ΠΎΡΡŒ автоматичСски, Ρ‚ΠΎ послС ΠΏΡƒΡ‚ΠΈ ΠΊ Ρ„Π°ΠΉΠ»Ρƒ Β«flowplayer-3.2.2.swfΒ» слСдуСт ΡƒΠ±Ρ€Π°Ρ‚ΡŒ Π·Π°ΠΏΡΡ‚ΡƒΡŽ, Π·Π°ΠΊΡ€Ρ‹Ρ‚ΡŒ ΠΊΡ€ΡƒΠ³Π»ΡƒΡŽ скобку ΠΈ ΠΏΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Β«;Β» (Π±Π΅Π· ΠΊΠ°Π²Ρ‹Ρ‡Π΅ΠΊ), Π° всС ΠΎΡΡ‚Π°Π»ΡŒΠ½ΠΎΠ΅, Ρ‡Ρ‚ΠΎ находится послС этого ΠΈ Π΄ΠΎ Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎ Ρ‚Π΅Π³Π° Β«/scriptΒ» ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ.

Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Ссли ΠΌΡ‹ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΠΌ страницу Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅, Ρ‚ΠΎ ΡƒΠ²ΠΈΠ΄ΠΈΠΌ, Ρ‡Ρ‚ΠΎ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Ρƒ нас 2 Π²ΠΈΠ΄Π΅ΠΎ: ΠΎΠ΄Π½ΠΎ загруТаСтся с сСрвиса youtube, Π° Π΄Ρ€ΡƒΠ³ΠΎΠ΅ хранится Ρƒ нас Π½Π° сайтС ΠΈ загруТаСтся ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ ΠΏΠ»Π΅Π΅Ρ€Π°.

Π”Π°Π²Π°ΠΉΡ‚Π΅ ΠΎΠΏΡ€ΠΎΠ±ΡƒΠ΅ΠΌ Π΅Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ способ ΠΈ ΠΏΠΎΠΏΡ€ΠΎΠ±ΡƒΠ΅ΠΌ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ Ρ‚ΠΎΡ‚ ΠΆΠ΅ самый Ρ€ΠΎΠ»ΠΈΠΊ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ хранится Ρƒ нас Π½Π° сСрвСрС, Π½ΠΎ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ Π½ΠΎΠ²Ρ‹Ρ… возмоТностСй HTML5.

1. НайдитС Ρ‚Ρ€Π΅Ρ‚ΠΈΠΉ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΈ прямо ΠΏΠΎΠ΄ Π½ΠΈΠΌ ΠΏΡ€ΠΎΠΏΠΈΡˆΠΈΡ‚Π΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ ΠΊΠΎΠ΄:

Если Π²Ρ‹ ΠΎΡ‚ΠΊΡ€ΠΎΠ΅Ρ‚Π΅ страницу Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅, Ρ‚ΠΎ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ Π’Π°ΡˆΠ΅ Π²ΠΈΠ΄Π΅ΠΎ добавилось ΠΏΠΎΠ΄ Ρ‚Ρ€Π΅Ρ‚ΡŒΠΈΠΌ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ. Π’ΠΎΡ‚ Ρ‚Π°ΠΊ просто! ВсСго ΠΎΠ΄Π½ΠΎΠΉ строчкой.

НС Π·Π°Π±ΡƒΠ΄ΡŒΡ‚Π΅ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ ΠΏΡƒΡ‚ΡŒ ΠΊ Π²ΠΈΠ΄Π΅ΠΎΡ„Π°ΠΉΠ»Ρƒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ соотвСтствовал Ρ‚ΠΎΠΌΡƒ, Π³Π΄Π΅ Π’Ρ‹ Π΅Π³ΠΎ располоТили.

ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ Β«controlsΒ» добавляСт панСль управлСния для Π²ΠΈΠ΄Π΅ΠΎ.

Если Π’Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π’Π°ΡˆΠ΅ Π²ΠΈΠ΄Π΅ΠΎ Π²ΠΎΡΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΠ»ΠΎΡΡŒ сразу послС Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ страницы, Ρ‚ΠΎ Π½ΡƒΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ Β«autoplayΒ».

Π­Ρ‚ΠΎΡ‚ способ ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ Π½ΠΎΠ²Ρ‹ΠΌ стандартам html5 ΠΈ, я Π΄ΡƒΠΌΠ°ΡŽ, заинтСрСсуСт Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ², ΠΆΠ΅Π»Π°ΡŽΡ‰ΠΈΡ… ΡƒΠΆΠ΅ сСгодня Π²Π½Π΅Π΄Ρ€ΡΡ‚ΡŒ стандарты Π±ΡƒΠ΄ΡƒΡ‰Π΅Π³ΠΎ.

Однако, здСсь Π΅ΡΡ‚ΡŒ свои Β«ΠΏΠΎΠ΄Π²ΠΎΠ΄Π½Ρ‹Π΅ ΠΊΠ°ΠΌΠ½ΠΈΒ», Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, разная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°ΠΌΠΈ Ρ€Π°Π·Π½Ρ‹Ρ… Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ² ΠΌΡƒΠ»ΡŒΡ‚ΠΈΠΌΠ΅Π΄ΠΈΠ°. Π”Π°Π½Π½Ρ‹ΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°ΠΌΠ΅Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π²ΠΎ всСх Π½ΠΎΠ²Ρ‹Ρ… Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ…, Π½ΠΎ Π½Π΅ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ ΠžΠΏΠ΅Ρ€Π°. Π§Ρ‚ΠΎΠ±Ρ‹ этот ΠΊΠΎΠ΄ Π·Π°Ρ€Π°Π±ΠΎΡ‚Π°Π» Π² ΠžΠΏΠ΅Ρ€Π΅ ΠΌΡ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π²ΠΈΠ΄Π΅ΠΎ Ρ„Π°ΠΉΠ» Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ Β«Ogg TheoraΒ» ΠΈ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΠΎΠΌΠ΅Π½ΡΡ‚ΡŒ ΠΊΠΎΠ΄, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄Π°Ρ‚ΡŒ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ Π²Ρ‹Π±ΠΎΡ€.

Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ ΠΈ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ ΠžΠΏΠ΅Ρ€Π°.

Однако, Π΅ΡΡ‚ΡŒ Π΅Ρ‰Π΅ ΠΎΠ΄Π½Π° Π·Π°Π³Π²ΠΎΠ·Π΄ΠΊΠ°, ΠΊΠ°ΡΠ°ΡŽΡ‰Π°ΡΡΡ старых Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ ΠΏΠΎΠ½ΠΈΠΌΠ°ΡŽΡ‚ html5-Ρ‚Π΅Π³ΠΈ. К соТалСнию, ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ ΠΊ Π½ΠΎΠ²Ρ‹ΠΌ стандартам Ρ‚Π°ΠΊΠΆΠ΅ Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ ΠΈ умСния Π½Π°Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΎΠ±Ρ…ΠΎΠ΄Π½Ρ‹Π΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ.

Если для Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° Π½Π΅Π·Π½Π°ΠΊΠΎΠΌ ΠΊΠ°ΠΊΠΎΠΉ-Ρ‚ΠΎ Ρ‚Π΅Π³, Ρ‚ΠΎ ΠΎΠ½ Π΅Π³ΠΎ просто ΠΈΠ³Π½ΠΎΡ€ΠΈΡ€ΡƒΠ΅Ρ‚, Π½ΠΎ ΠΏΡ€ΠΈ этом Π½Π΅ ΠΈΠ³Π½ΠΎΡ€ΠΈΡ€ΡƒΠ΅Ρ‚ содСрТимоС Π²Π½ΡƒΡ‚Ρ€ΠΈ нСизвСстного Π΅ΠΌΡƒ элСмСнта. Π‘Π»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ, ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΎΠ±Ρ…ΠΎΠ΄Π½ΠΎΠ΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ прямо Π² наш Ρ‚Π΅Π³ для вставки Π²ΠΈΠ΄Π΅ΠΎ. Код ΠΏΡ€ΠΈ этом ΠΌΠΎΠΆΠ΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Π²ΠΎΡ‚ Ρ‚Π°ΠΊ:

Π‘ Ρ‚Π°ΠΊΠΈΠΌ ΠΊΠΎΠ΄ΠΎΠΌ Π½ΠΎΠ²Ρ‹Π΅ вСрсии Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ² ΡƒΡΠΏΠ΅ΡˆΠ½ΠΎ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ наш элСмСнт Β«videoΒ», Π° Ссли Π²Π΄Ρ€ΡƒΠ³ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΎΡ‚ΠΊΡ€ΠΎΠ΅Ρ‚ страницу ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ старого Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°, Ρ‚ΠΎ Π½Π΅Π·Π½Π°ΠΊΠΎΠΌΡ‹ΠΉ Ρ‚Π΅Π³ Β«videoΒ» Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€ΠΎΠΈΠ³Π½ΠΎΡ€ΠΈΡ€ΠΎΠ²Π°Π½, Π½ΠΎ Ρ‚Π΅Π³ Β«iframeΒ» Π±ΡƒΠ΄Π΅Ρ‚ ΡƒΡΠΏΠ΅ΡˆΠ½ΠΎ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚Π°Π½ ΠΈ Π²ΠΈΠ΄Π΅ΠΎ подгрузится с Youtube.

ΠŸΠΎΠΆΠ°Π»ΡƒΠΉ, Π½Π° этом Π±ΡƒΠ΄Ρƒ Π·Π°ΠΊΠ°Π½Ρ‡ΠΈΠ²Π°Ρ‚ΡŒ. Напоминаю, Ρ‡Ρ‚ΠΎ всС исходныС ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Ρ‹ Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ, Ρ‰Π΅Π»ΠΊΠ½ΡƒΠ² ΠΏΠΎ ΠΈΠΊΠΎΠ½ΠΊΠ΅ Β«Π˜ΡΡ…ΠΎΠ΄Π½ΠΈΠΊΠΈΒ» Π² Π½Π°Ρ‡Π°Π»Π΅ ΡΡ‚Π°Ρ‚ΡŒΠΈ, Π° ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ всСх Ρ‚Ρ€Π΅Ρ… ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠ² ΠΌΠΎΠΆΠ½ΠΎ Ρ‰Π΅Π»ΠΊΠ½ΡƒΠ² ΠΏΠΎ ΠΈΠΊΠΎΠ½ΠΊΠ΅ Β«Π”Π΅ΠΌΠΎΒ» Ρ‚Π°ΠΌ ΠΆΠ΅.

ΠžΡΡ‚Π°Π²Π»ΡΠΉΡ‚Π΅ свои ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ ΠΈ Π΄Π΅Π»ΠΈΡ‚Π΅ΡΡŒ этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ΠΉ с Π΄Ρ€ΡƒΠ·ΡŒΡΠΌΠΈ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ ΠΊΠ½ΠΎΠΏΠΎΠΊ ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСтСй. Π‘ΡƒΠ΄Ρƒ Π’Π°ΠΌ ΠΎΡ‡Π΅Π½ΡŒ ΠΏΡ€ΠΈΠ·Π½Π°Ρ‚Π΅Π»ΡŒΠ½Π°.

Π’Π°ΠΊΠΆΠ΅ ΠΏΠΎΠ΄ΠΏΠΈΡΡ‹Π²Π°ΠΉΡ‚Π΅ΡΡŒ Π½Π° обновлСния Π±Π»ΠΎΠ³Π°. Π’ΠΏΠ΅Ρ€Π΅Π΄ΠΈ ΠΌΠ½ΠΎΠ³ΠΎ всСго интСрСсного ΠΈ ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠ³ΠΎ ΠΏΠΎ Ρ‚Π΅ΠΌΠ΅ создания Π²Π΅Π± сайтов.

Π–Π΅Π»Π°ΡŽ Π’Π°ΠΌ Ρ…ΠΎΡ€ΠΎΡˆΠ΅Π³ΠΎ настроСния ΠΈ успСхов Π² Π’Π°ΡˆΠ΅ΠΉ Ρ€Π°Π±ΠΎΡ‚Π΅!

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

Как Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π²ΠΈΠ΄Π΅ΠΎ Π½Π° сайт html, Ссли Π²Ρ‹ ΠΏΠΎΠ»Π½Ρ‹ΠΉ Ρ‡Π°ΠΉΠ½ΠΈΠΊ

ΠŸΡ€ΠΈΠ²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽ всСх постоянных Ρ‡ΠΈΡ‚Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΌΠΎΠ΅Π³ΠΎ Π±Π»ΠΎΠ³Π°, Π° Ρ‚Π°ΠΊΠΆΠ΅ Ρ‚Π΅Ρ…, ΠΊΡ‚ΠΎ случайно Π·Π°Π±Ρ€Π΅Π» Π½Π° просторы сСго Π²Π΅Π±-сайта. Π”ΡƒΠΌΠ°ΡŽ, Π²Ρ‹ ΡƒΠΆΠ΅ Π² большСй ΠΈΠ»ΠΈ мСньшСй стСпСни ΡƒΠΌΠ΅Π΅Ρ‚Π΅ Π²Π΅Ρ€ΡΡ‚Π°Ρ‚ΡŒ ΠΊΠ°ΠΊ ΠΌΠΈΠ½ΠΈΠΌΡƒΠΌ Π½Π΅ слоТныС сайты ΠΈ Π·Π°ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ ΠΈΡ… тСкстовым ΠΈ графичСским ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ. Но Ρ‡Ρ‚ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ, Ссли Ρ‚Π°ΠΊΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ нСдостаточно ΠΈ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, основноС Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ вашСго сайта – это Π²ΠΈΠ΄Π΅ΠΎΡƒΡ€ΠΎΠΊΠΈ?

Π’ΠΎΠ³Π΄Π° Π½ΠΈΡ‡Π΅Π³ΠΎ Π½Π΅ подСлаСшь, придСтся ΠΎΡΠ²Π°ΠΈΠ²Π°Ρ‚ΡŒ Β«Π΄Π·Π΅Π½Β» Ρ€Π°Π±ΠΎΡ‚Ρ‹ с Π²ΠΈΠ΄Π΅ΠΎΡ„Π°ΠΉΠ»Π°ΠΌΠΈ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ соврСмСнных ΠΌΠ΅Ρ…Π°Π½ΠΈΠ·ΠΌΠΎΠ² Π²Π΅Π±-языков. ИмСнно поэтому Ρ‚Π΅ΠΌΠ° Π΄Π°Π½Π½ΠΎΠΉ ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΈ: «Как Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π²ΠΈΠ΄Π΅ΠΎ Π½Π° сайт htmlΒ».

Π’ ΡΡ‚Π°Ρ‚ΡŒΠ΅ я познакомлю вас с основными Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°ΠΌΠΈ Π²ΠΈΠ΄Π΅ΠΎΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ, расскаТу ΠΎΠ± элСмСнтах управлСния Ρ‚Π°ΠΊΠΈΠΌ Π²ΠΈΠ΄ΠΎΠΌ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°, Π΄Π°ΠΌ описаниС Ρ‚Ρ€Π΅ΠΌ способам вставки Π²ΠΈΠ΄Π΅ΠΎ Π½Π° страницу, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎ Ρ‚Ρ€Π°Π΄ΠΈΡ†ΠΈΠΈ ΠΏΡ€ΠΈΠ²Π΅Π΄Ρƒ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ ΠΊΠΎΠ΄Π° ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ. ΠŸΠ΅Ρ€Π΅ΠΉΠ΄Π΅ΠΌ ΠΊ Π΄Π΅Π»Ρƒ!

Π€ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ Π²ΠΈΠ΄Π΅ΠΎΡ„Π°ΠΉΠ»ΠΎΠ²

Π‘Π°ΠΌΠΎ ΠΏΠΎ сСбС Π²ΠΈΠ΄Π΅ΠΎ прСдставляСтся мноТСством ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. Нам ΠΏΡ€ΠΈΠ²Ρ‹Ρ‡Π½Π΅Π΅ всСго ΠΈΡ… Π½Π°Π·Ρ‹Π²Π°Ρ‚ΡŒ ΠΊΠ°Π΄Ρ€Π°ΠΌΠΈ. Однако Ссли Ρ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΊΠ°Π΄Ρ€, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Ρ„ΠΈΠ»ΡŒΠΌΠ°, Ρ‚ΠΎ ΠΎΠ±Ρ‰ΠΈΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠ³Ρ€ΠΎΠΌΠ΅Π½. ИмСнно поэтому всС Π²ΠΈΠ΄Π΅ΠΎΡ„Π°ΠΉΠ»Ρ‹ ΡΠΆΠΈΠΌΠ°ΡŽΡ‚ΡΡ ΠΈ ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‚ΡΡ Π½Π°ΠΌ Π² Ρ€Π°Π·Π½Ρ‹Ρ… Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°Ρ….

НаиболСС распространСнныС Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ Π²Π°ΠΌ, вСроятнСС всСго, извСстны. Π­Ρ‚ΠΎ avi, asf, mov, mp4 (MPEG4), ogg ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅.

НачнСм с AVI (Audio-Video Interleaved). Π­Ρ‚ΠΎΡ‚ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ Π±Ρ‹Π» Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ ΠΊΠΎΡ€ΠΏΠΎΡ€Π°Ρ†ΠΈΠ΅ΠΉ Microsoft ΠΈ прСдставляСт собой ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€, Π² ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ½ΠΎ Π²Π»ΠΎΠΆΠΈΡ‚ΡŒ Π²ΠΈΠ΄Π΅ΠΎ, сТатоС Π»ΡŽΠ±Ρ‹ΠΌ стандартом. Π₯Ρ€Π°Π½ΠΈΡ‚ΡŒΡΡ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΊΠ°ΠΊ ΠΎΠ΄ΠΈΠ½ ΠΏΠΎΡ‚ΠΎΠΊ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π°ΡƒΠ΄ΠΈΠΎ ΠΈΠ»ΠΈ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π²ΠΈΠ΄Π΅ΠΎ), Ρ‚Π°ΠΊ ΠΈ нСсколько.

ΠΊΠΎΠ΄ Π²ΠΈΠ΄Π΅ΠΎ для вставки Π½Π° сайт Π½Π°Π²ΠΈΠ³Π°Ρ‚ΠΎΡ€. video formati. ΠΊΠΎΠ΄ Π²ΠΈΠ΄Π΅ΠΎ для вставки Π½Π° сайт Π½Π°Π²ΠΈΠ³Π°Ρ‚ΠΎΡ€ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠΎΠ΄ Π²ΠΈΠ΄Π΅ΠΎ для вставки Π½Π° сайт Π½Π°Π²ΠΈΠ³Π°Ρ‚ΠΎΡ€-video formati. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠΎΠ΄ Π²ΠΈΠ΄Π΅ΠΎ для вставки Π½Π° сайт Π½Π°Π²ΠΈΠ³Π°Ρ‚ΠΎΡ€. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° video formati. 1. Как Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π²ΠΈΠ΄Π΅ΠΎ Π½Π° сайт срСдствами HTML? 2. ΠšΠΎΡ€ΠΎΡ‚ΠΊΠΈΠΉ ΠΊΠΎΠ΄ вставки Π²ΠΈΠ΄Π΅ΠΎ с Youtube Π½Π° сайт

ΠšΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€ MOV Π±Ρ‹Π» Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ Π²Ρ‚ΠΎΡ€ΠΎΠΉ большой ΠΌΠΈΡ€ΠΎΠ²ΠΎΠΉ ΠΊΠΎΡ€ΠΏΠΎΡ€Π°Ρ†ΠΈΠ΅ΠΉ Apple ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ для ΠΈΡ… прилоТСния QuickTime. Π₯ΠΎΡ‚ΡŒ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ ΠΈ рассчитан Π½Π° ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½ΡƒΡŽ систСму Mac OS X, ΠΎΠ½ ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ воспроизводится ΠΈ Π² Windows.

Mp4 – ΠΎΡ‡Π΅Π½ΡŒ извСстный Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ хранСния Π²ΠΈΠ΄Π΅ΠΎΡ„Π°ΠΉΠ»ΠΎΠ². На самом Π΄Π΅Π»Π΅ это сокращСниС ΠΎΡ‚ названия стандарта сТатия – MPEG4. Π­Ρ‚ΠΎ Ρ„ΠΈΠ»ΡŒΠΌ ΠΈΠ»ΠΈ ΠΊΠ»ΠΈΠΏ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎ своим возмоТностям Π½Π΅ уступаСт ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰Π΅ΠΌΡƒ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρƒ MOV.

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‡ΠΈ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ² Π² ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСтях, элСктронной ΠΏΠΎΡ‡Ρ‚Π΅ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… сСрвисах ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π°. Π‘Π²ΠΎΠΈΡ… ΠΌΠ°Π»Π΅Π½ΡŒΠΊΠΈΡ… Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² Ρ„Π°ΠΉΠ»Ρ‹ с Ρ‚Π°ΠΊΠΈΠΌ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ΠΌ Π΄ΠΎΡΡ‚ΠΈΠ³Π°ΡŽΡ‚ Π·Π° счСт ΠΏΡ€ΠΎΠ΄ΡƒΠΌΠ°Π½Π½ΠΎΠ³ΠΎ Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌΠ° сТатия, Π° Ρ‚Π°ΠΊΠΆΠ΅ использованиС ΡΠΆΠΈΠΌΠ°ΡŽΡ‰ΠΈΡ… стандартов ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎ для Π°ΡƒΠ΄ΠΈΠΎ- ΠΈ Π²ΠΈΠ΄Π΅ΠΎΠ΄ΠΎΡ€ΠΎΠΆΠ΅ΠΊ.

Учимся Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ Π½Π° Π²Π΅Π±-рСсурс Π²ΠΈΠ΄Π΅ΠΎ

ΠΊΠΎΠ΄ Π²ΠΈΠ΄Π΅ΠΎ для вставки Π½Π° сайт Π½Π°Π²ΠΈΠ³Π°Ρ‚ΠΎΡ€. primer 00. ΠΊΠΎΠ΄ Π²ΠΈΠ΄Π΅ΠΎ для вставки Π½Π° сайт Π½Π°Π²ΠΈΠ³Π°Ρ‚ΠΎΡ€ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠΎΠ΄ Π²ΠΈΠ΄Π΅ΠΎ для вставки Π½Π° сайт Π½Π°Π²ΠΈΠ³Π°Ρ‚ΠΎΡ€-primer 00. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠΎΠ΄ Π²ΠΈΠ΄Π΅ΠΎ для вставки Π½Π° сайт Π½Π°Π²ΠΈΠ³Π°Ρ‚ΠΎΡ€. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° primer 00. 1. Как Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π²ΠΈΠ΄Π΅ΠΎ Π½Π° сайт срСдствами HTML? 2. ΠšΠΎΡ€ΠΎΡ‚ΠΊΠΈΠΉ ΠΊΠΎΠ΄ вставки Π²ΠΈΠ΄Π΅ΠΎ с Youtube Π½Π° сайт

Когда Π²ΠΎΠ·Π½ΠΈΠΊΠ°Π΅Ρ‚ ΠΆΠ΅Π»Π°Π½ΠΈΠ΅ ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ сайта ΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π²ΠΈΠ΄Π΅ΠΎΡƒΡ€ΠΎΠΊΠΈ ΠΈΠ»ΠΈ ΠΊΠ»ΠΈΠΏΡ‹ с ΡŽΡ‚ΡƒΠ±Π°, Ρ‚ΠΎ сразу ΠΆΠ΅ ΠΏΠ΅Ρ€Π΅Π΄ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠΌ Π²ΠΎΠ·Π½ΠΈΠΊΠ°Π΅Ρ‚ вопрос: «А ΠΊΠ°ΠΊΠΈΠΌ ΠΈΠΌΠ΅Π½Π½ΠΎ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ ΠΌΠ½Π΅ стоит Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ Π²ΠΈΠ΄Π΅ΠΎΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚?Β»

На сСгодняшний дСнь сущСствуСт мноТСство Ρ€Π°Π·Π½Ρ‹Ρ… Π»Π°Π·Π΅Π΅ΠΊ, Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² ΠΈ Π΄Π°ΠΆΠ΅ костылСй. Π― Ρ…ΠΎΡ‡Ρƒ Ρ€Π°ΡΡΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΎ Ρ‚Ρ€Π΅Ρ… самых простых ΠΈ ΡƒΠ΄ΠΎΠ±Π½Ρ‹Ρ… Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π°Ρ… вставки Π²ΠΈΠ΄Π΅ΠΎ.

Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡƒΡΠ²ΠΎΠΈΡ‚ΡŒ Π΄Π°Π½Π½Ρ‹ΠΉ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π», Ρ‚ΠΎ ΡΠΎΠ²Π΅Ρ‚ΡƒΡŽ Π²Π°ΠΌ Π½Π΅ Π»Π΅Π½ΠΈΡ‚ΡŒΡΡ, Π° ΡΠΎΠ±Ρ€Π°Ρ‚ΡŒ всю свою волю Π² ΠΊΡƒΠ»Π°ΠΊ ΠΈ ΠΏΡ€ΠΎΡ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ. Π₯ΠΎΡ‡Ρƒ Π½Π°ΠΏΠΎΠΌΠ½ΠΈΡ‚ΡŒ, Ссли Ρƒ вас Π½Π΅Ρ‚ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠΉ срСды Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΈΠ»ΠΈ хотя Π±Ρ‹ Notepad ++, Ρ‚ΠΎ Π²ΠΎΠΎΡ€ΡƒΠΆΠΈΡ‚Π΅ΡΡŒ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΎΠΉ Β«Π‘Π»ΠΎΠΊΠ½ΠΎΡ‚Β».

Π˜Ρ‚Π°ΠΊ, я Π½Π°ΡƒΡ‡Ρƒ вас Π²ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ Π²ΠΈΠ΄Π΅ΠΎΠ΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹ трСмя способами:

Вставка Π²ΠΈΠ΄Π΅ΠΎ ΠΈΠ· Ρ€Π°Π·Π½Ρ‹Ρ… источников

Бпособ 1: Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Π²ΠΈΠ΄Π΅ΠΎ с Π²Π΅Π±-сСрвиса YouTube

Бпособ 2: Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Π²ΠΈΠ΄Π΅ΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠ»Π΅Π΅Ρ€Π°

Бпособ 3: Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Π²ΠΈΠ΄Π΅ΠΎ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ Ρ‚Π΅Π³ΠΎΠ² html5

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

Π’Π°Ρˆ адрСс email Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½. ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ поля ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½Ρ‹ *

ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€ (Π²ΠΈΠ΄Π΅ΠΎΠΊΠΎΠ΄Π΅ΠΊ+Π°ΡƒΠ΄ΠΈΠΎΠΊΠΎΠ΄Π΅ΠΊ)