Новости

Як додати відео на сайт ucoz з Youtube і Vimeo | Як створити сайт на конструкторі, на движку або своїми руками

  1. Можна-ли завантажувати свої файли?
  2. Приступимо до додавання відео
  3. Як вставити відео з Vimeo?

Деякі люди задають таке питання, як додати відео на сайт ucoz? Мабуть новачки які тільки що створили свій сайт на системі ucoz, не до кінця розуміють як працює ця система, і часом просто не можуть у налаштуваннях, а тим більше в наповненні свого сайту.

Дуже важливо! Якщо раптом, перед тим як вивчити урок ви виявили що вид вашої панелі відрізняється від того що описано в уроці, не лякайтеся! Просто переведіть нову панель на стару. Як це зробити? Ось в цій інструкції .
Рекомендую почитати:
Всього за 200р.

На цей раз, питання як додати відео, мені задав людина на моєму каналі в youtube, він хотів дізнатися якомога додати відео з популярного хостингу vimeo.com. Я йому записав урок на відео і вирішив поділиться цими знаннями і на сайті.

На скільки я розумію з мого досвіду, на будь-яких відео порталах можна брати спеціальний код, і цей код розміщувати у себе на сайті - за допомогою даного коду, на наш сайт подгружается відео. Так ось, сьогодні розберемо як додавати на свій сайт відео з Youtube і Vimeo.

Можна-ли завантажувати свої файли?

Давайте розберемо відразу таке питання - як завантажити відео на свій сайт ucoz? Все дуже просто, не як !? Справа в тому що, на сайті при його створення, виділяється всього 400 мб, і якщо завантажити кілька відео на сайт, місце скінчиться і можливість додавати нові відео матеріали на сайт - теж відключиться, на сайті навіть не можна буде редагувати дизайн, тому-що при збереженні його, вилізе повідомлення не вистачає місця на диску.

Є звичайно інший варіант, купити місце на диску, але 20 GB коштує 16 $ - це найбільший розмір на сайті, хоча якщо написати в службу підтримки, може за певну суму виділять ще місце.

Загалом якщо є гроші, можете сміливо скористатися даним варіантом, і завантажувати відео на свій сайт, але проблема в те-що, система ucoz дозволяє завантажувати найбільший файл на сайт в розмірі 15Мб, а деякі відео вішають набагато більше, до кілька Гігабайт.

Так-що найпростіший спосіб знайти сторонній хостинг, такий як Youtube або Vimeo і на нього завантажувати відео, або орендувати свій хостинг, в якому зберігатимуться ваші файли. На початковому етапі розвитку сайту, я-б вибрав перші два варіанти а потім потихеньку перейшов на свій хост.

Приступимо до додавання відео

Для початок зайдіть на сайт, авторизуйтесь як адміністратор і натисніть кнопку додати новий матеріал на сайт, або Додати новину - все залежить куди ми хочемо додати відео, в моєму випадки це головна сторінка. За посиланням вище, ви можете повністю вивчити уроки по додаванню матеріалу на сайт.

На наступній сторінці у нас відкриється редактор, заповніть категорію і назва для свого відео, після знайдіть кнопку (Панель HTML кодів) і натисніть.

Тепер крокуємо на youtube, знайдемо підходяще відео для свого сайту, під відео знайдіть кнопку поділиться і натисніть на неї, відкриється вкладка в якій знайдіть кнопку HTML-код і натисніть на неї, після повинна відкритися вкладка в якій знаходиться код, скопіюйте його.

Тепер перейдемо на свій сайт і вставимо даний код в HTML редактор. Якщо вставили код, обведіть його мишкою, щоб він став синім і натисніть кнопку вирівнювання. Дана кнопка допоможе відео вирівняти по центру сторінки - це ми побачимо після додавання відео на сайт, або можна переключиться на візуальний редактор і подивитися.

Після натискання на кнопку вирівняти по центру, до нашого коду додасться тег - (div). Це блоковий тег, який має відкриває і закриває тег, їх ще називають контейнери. Виглядає це так -

У відкриває теги є ще атрибут align і у нього значення center, як раз значення центр і вирівнює наше відео або все що було поміщено між цих двох тегів по центру. У коді для відео, знайдіть два атрибута width і height - якщо у них поміняти значення, а в даному випадку це цифри, тоді відео наше стане в першому випадку ширше (width - ширина) а в другому вище (height - висота).

Майже все, перед додаванням відео на сайт, перевірте що-б галочка яка додає автоматично тег <br> була знята, а інакше код може зламатися і відео працювати не буде.

Тег <BR> - Допомагає розділяти рядки в тексті, іншими словами створює порожні рядки між текстом.

Тег <BR> - Допомагає розділяти рядки в тексті, іншими словами створює порожні рядки між текстом

Все залишилося натиснути на кнопку додати, і відео має потрапити на сайт. Зайдіть на сторінку перевірте все-ли працює, завантажується відео, текст, якщо ви додавали до відео його, відображається коректно.

До речі раджу до кожного відео додавати текст і підбирати ключові слова, а інакше до вас не будуть заходити люди на сайт з пошукових систем, але не в якому разі не беріть тексти з інших сайтів, а інакше сайт забанити в пошукових системах. Краще тексти пишіть самі або замовляйте у копірайтерів.

Як вставити відео з Vimeo?

Все те ж саме як і з ютубі, вам потрібно отримати код для відео і вставити його на сайт, ось і все. Відкрийте будь-яке відео на даному сайті, і знайдіть в самому плеєрі маленький літачок, натисніть на нього.

Повинно відкритися вікно, в якому знайдіть код і скопіюйте його.

Даний код вставте в HTML - редактор. Цей код містить в собі зайві посилання, від них потрібно буде позбутися. Знайдіть в коді тег <p> і в місці з цим тегом, обведіть мишкою решті код, до закриває тега </ p>. Як тільки обвели можете сміливо видаляти частину цього коду

Тег <p> Текст </ p> - Звичайний тег, який допомагає наш текст брати в абзац. Якщо текст дуже великий, його зручно розділяти за допомогою даного тега, просто шматки тексту укладати в цей тег.

Якщо текст дуже великий, його зручно розділяти за допомогою даного тега, просто шматки тексту укладати в цей тег

Інша частина коду, відповідає за подгрузку на сайт відео, обведіть його і виравнеті по центру, в принципі все це описано вище. Дивіться відео в ньому наочно побачите як це роблю я.

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

Є багато різних варіантів як віддячити Автора.

Можна-ли завантажувати свої файли?
Деякі люди задають таке питання, як додати відео на сайт ucoz?
Як це зробити?
Можна-ли завантажувати свої файли?
Давайте розберемо відразу таке питання - як завантажити відео на свій сайт ucoz?
Як вставити відео з Vimeo?

Уважаемые партнеры, если Вас заинтересовала наша продукция, мы готовы с Вами сотрудничать. Вам необходимо заполнить эту форму и отправить нам. Наши менеджеры в оперативном режиме обработают Вашу заявку, свяжутся с Вами и ответят на все интересующее Вас вопросы.

Или позвоните нам по телефонам: (048) 823-25-64

Организация (обязательно) *

Адрес доставки

Объем

Как с вами связаться:

Имя

Телефон (обязательно) *

Мобильный телефон

Ваш E-Mail

Дополнительная информация: