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

1. Основні варіанти завантаження
2. Тонкощі вставки відеофайлів в WordPress
3. Нюанси розміщення відеоконтенту на Joomla
4. Як вставити відео на конструкторі

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

Ролик - це комфортний і популярний спосіб подачі і оформлення інформації. Додати його можна різними способами, це залежить від уподобань, складності та виду системи управління контентом (CMS).

Основні варіанти завантаження

Приготуйтеся до того, що вам доведеться мати справу з html-кодами, але це не так складно, як може здатися спочатку. Існує два способи:

1. Використання місць для розміщення відеофайлів (Youtube, Rutube). Тут ролики вже переведені в цифровий формат, код формується на хостингу автоматично. В інтернеті найпопулярнішим є Ютуб, тому розглянемо його в якості наочного прикладу. Тут міститься контент на будь-який смак. Як вставити відео з Youtube на сайт:
   • зареєструйтеся на сервісі. При наявності Google-аккаунта реєстрація не потрібна, ви можете скористатися ним;
   • після реєстрації / входу через Google вам буде запропоновано створити власний канал, а також надана форма для заповнення. Розібравшись з нюансами, можна опублікувати ролик, клікнувши на кнопку «Додати»;
   • виберіть файл у себе на комп'ютері і натисніть «Завантажити». Зображення заллється на хостинг, з'явиться вікно перегляду, а під ним - html-код. Його треба скопіювати і перенести на сторінку свого ресурсу.
   Якщо ви вирішили завантажити вже наявні на Ютубі матеріали, процес спрощується. Просто відкрийте його сторінку, натисніть «Відправити» і «Інтеграція». Знову стане доступним віконце з кодами, пункти настройки і опції вибору параметрів плеєра. Ви можете змінити їх під себе, відрегулювати атрибути height і width (висота і ширина).
2. Як вставити відео на сайт HTML, не користуючись для розміщення відеофайлів? Цей варіант більш трудомісткий. Його застосування вимагає установки flash-плеєра, який буде відтворювати контент. Можна підібрати будь-який, який вам подобається, скачати архів з завантажувальним файлом, створити на своєму ресурсі папку і розпакувати його в ній. Тепер слід перейти на сторінку, де планується розміщення, і попрацювати з тегами. На практиці це виглядає так: script type = "text / javascript" src = "ім'я плеєра / ім'я плеєра-версія программи.min.js". Потім введіть додаткові коди з адресою відеофайлу http: // адреса вашого сайту / ім'я плеєра / ім'я плеєра-версія программи.swf «, wmode:« transparent »}). Збережіть дані, після чого ролик буде доступний для перегляду.

Тонкощі вставки відеофайлів в WordPress

Оскільки ця CMS - часто використовувана платформа, особливо для блогів, багатьох початківців веб-майстрів цікавить, як вставити відео на сайт WordPress.

Перший метод додавання відеофайлів - за допомогою Youtube:

• виберіть ролик або завантажте власний на відеохостинг;
• скопіюйте з'явився код посилання;
• на своєму майданчику створіть нову сторінку або запис;
• впишіть код у вкладку «Текст»;
• натисніть «Опублікувати».

Зверніть увагу: в такому випадку ви не зможете управляти розмірами завантаженого файлу.

Є і другий варіант використання Ютуб:

• відкрийте ролик, який хочете помістити на своєму ресурсі;
• під ним побачите іконку «Поділитися», клікнувши по ній, ви перейдете на «Html-код»;
• продублюйте код у себе на ресурсі.

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

Як вставити відео з комп'ютера на сайт? Розробники движка врахували і таку можливість. Яким чином це зробити:

• створюючи сторінку, клікніть на «Додати мультимедійний», виберіть, натисніть «Відкрити»;
• простежте за тим, щоб в графі «Вставити об'єкт або посилання» стояло «Вставити медіаплеєр». Якщо ви вважаєте, що вам необхідний плейлист, створіть його тут же;
• натисніть на іконку «Вставити в запис»;
• опублікуйте або поновіть сторінку.

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

CMS WordPress надає плагіни для завантаження відеофайлів, але якщо мова йде про простенькому ролику, потреби в них немає. Чому? Ви завантажуєте свій майданчик додатковим плагіном, витрачаєте час на пошук потрібного інструменту, його встановлення та налаштування опцій. Перераховані вище способи простіше і швидше.

Нюанси розміщення відеоконтенту на Joomla

Ще одна з популярних платформ, якими користуються веб-майстри. У стандартному наборі функцій надаються рішення для традиційних завдань по розробці, але з додаванням медіафайлів тут не все так добре. Існують два варіанти, як вставити відео на сайт Joomla. У першому знову доведеться звернутися до Youtube або Rutube. Послідовність дій така сама, як і в попередніх прикладах. Відмінності починаються після копіювання посилання з відеохостингу:

• перейдіть в адміністративну панель Джумла, задійте менеджера плагінів і відкрийте з його допомогою настройки текстового редактора TinyMCE. Він поставляється в стандартній комплектації і використовується за умовчанням;
• в опціях редактора є список заборонених до форматування контенту тегів. Додати ролик можна, тільки вилучивши тег iframe. Здійснюючи цю дію, ви знижуєте рівень безпеки свого веб-сервісу, особливо якщо до сторінок з TinyMCE допускаються користувачі;
• потім перейдіть до менеджера матеріалів, оберіть, вимкніть візуальний редактор і додайте скопійований код;
• активуйте візуальний редактор. Тепер ви можете бачити доданий контент, який відобразиться в призначеній для користувача частині ресурсу.

Описаний вище спосіб того, як вставити відео з Ютуб на сайт, досить незручний, позбавляє певної частки захисту. Альтернативний варіант - плагін AllVideos. Дістати його можна переходом на офіційну сторінку розширень CMS Joomla і запустивши Download. Проробивши ці маніпуляції, ви опинитеся на ресурсі розробника утиліти. У нижній частині сторінки є посилання для скачування архівного файлу.

Коли архів з'явиться у вашому комп'ютері, встановіть його за допомогою менеджера плагінів. Що цікавого пропонує AllVideos:

1. Вибір шаблонів Select template.
2. Папки для зберігання мультимедійних файлів Local Video Folder.
3. Регулювання ширини Default width (in px) for videos і висоти Default height (in px) for videos плеєра в пікселях.
4. Прозорість плеєра Flash / MP4 / WebM / OGG Theora video player transparency.
5. Відображення керуючих компонентів плеєра Display JW Player Controls.

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

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

Розміщення відео розберемо на прикладі 1С-UMI - одного з найпростіших конструкторів сайтів. Все дуже легко: перейдемо в режим редагування сторінки і натиснемо кнопку «Вставити / редагувати відео». У вікні, вставимо посилання на відео в поле «Джерело». Збережемо, і відео з'явиться на сайті.

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

Якщо ви тільки збираєтеся створювати власний веб-сервіс, але не маєте достатньої кількості часу на це, створіть сайт на 1С-UMI і скористайтеся послугою « Сайт за вас »Ми готові виконати роботи« під ключ ». Оформимо і наповнимо релевантним контентом, надамо додаткові послуги з супроводу. Вам потрібно лише зв'язатися з менеджерами UMI, зателефонувавши по телефону або написавши на електронну адресу. Ми підберемо рішення, відповідні вашим завданням.