Як вставити відео на сайт

Відео: Як вставити відео з YouTube собі на сайт

Як вставити відео на сайт

Чомусь у багатьох новачків часто виникає питання: "Як вставити відео на сайт?". І я вирішив написати про це невелику статтю, щоб відповісти на їх запитання.

Почнемо з того, що існує два способи розміщення відео на сайті: З відеосервісу (наприклад, з Youtube, Rutube та інших) і просто зі звичайного відеофайлу, який може розташовуватися на будь-якому сайті.

Відео: Як вставити відео з youtube на сайт

Перший спосіб дуже простий. Вам достатньо всього лише зареєструватися в одному з відеосервісів, залити відео на їх сайт і отримати код відео. Далі цей код Ви просто вставляєте в будь-яке місце на Вашій сторінці. Має вийти щось на зразок цього:


/ Gt;
style="text-align: center-"gt;
width="470"height="353"gt;
name="Movie"value="Http://video.rutube.ru/ada40479df5d9fb269932f895c8e392e"gt;
name="Wmode"value="Window"gt;
name="AllowFullScreen"value="True"gt;
src="Http://video.rutube.ru/ada40479df5d9fb269932f895c8e392e"type="Application / x-shockwave-flash"wmode="Window"allowfullscreen="True"width="470"height="353"gt;




Тут все просто, і Вам зовсім не треба розбиратися, що там понаписувано.

Відео: Урок 7. Вставка відео в html5, тег (video)

А ось другий спосіб трохи складніше. Тут Вам буде потрібно скрипт плеєра, який буде Ваше відео програвати, і SWF-файл плеєра. Існує багато різних плеєрів, але мені сподобався FlowPlayer (Скачати FlowPlayer). Тепер подивимося, як його встановити і як з його допомогою додати відео на сайт.

Насамперед розархівуйте архів на Ваш сайт, наприклад, в папку "flowplayer". Далі Ви повинні в тезі lt;headgt; сторінки, на яку буде додано відео, написати наступний рядок:

Після цього на сторінці потрібно додати такі рядки:

href="Путь_к_вашему_відео"style="display: block- width:500px- height:400px-"id="Player"gt;

От і все! Відео успішно додано на Ваш сайт. І Ви тепер не залежите від працездатності місць для розміщення відеофайлів, а залежите тільки від працездатності Вашого сайту. Більш того, ніякої сторонньої реклами для розміщення відеофайлів Ваші користувачі не побачать. Однак, в цьому способі додавання відео є один серйозний мінус: ДУЖЕ велике навантаження на сервер. Якщо це відео дивиться 5 людина в день, то проблем не буде, а якщо дивляться 20 людина одночасно, то нічого крім злості Вашого відвідувачі не зазнають. Але вихід з цього становища є: використовувати сторін сервіс зберігання файлів, наприклад, Amazon S3, про який я розповім в одній з наступних статей, так що не перемикайтеся.

Якщо Ви хочете дізнатися більше по HTML, то подивіться безкоштовний курс з прикладом створення сайту на HTML: http://srs.myrusakov.ru/html

Поділися в соціальних мережах:

Схожі
Як додати кнопки соціальних сервісів на сайтЯк додати кнопки соціальних сервісів на сайт
Як переглянути avi-файл на сайтіЯк переглянути avi-файл на сайті
Як приховати картинки вайбер (viber) і ватсап (whatsapp) в галереїЯк приховати картинки вайбер (viber) і ватсап (whatsapp) в галереї
Як відключити завантаження фото і відео в whatsapp (ватсап)Як відключити завантаження фото і відео в whatsapp (ватсап)
Як підняти відвідуваність сайтуЯк підняти відвідуваність сайту
Скільки днів живе сайт?Скільки днів живе сайт?
Як розмістити сайт в інтернетіЯк розмістити сайт в інтернеті
Joomla vs сайт з нуляJoomla vs сайт з нуля
Як вставити аудіо на сайтЯк вставити аудіо на сайт
Пошук драйверів по idПошук драйверів по id
» » Як вставити відео на сайт