TechBlogSD - Все для WordPress і WEB розробки
WEB і WordPress інструкції, новини, огляди тем та плагінів

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

7

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

  1. Використання відеотегів HTML5.
  2. Використовуйте елемент YouTube, щоб вставляти відео YouTube.
  3. Вставити елемент коду, щоб вставити будь -яке відео з таких сайтів, як Vimeo.
  4. Елемент HD Video Player для користувачів Weebly Pro.

1 Використання відеотега HTML5 на веб -сайті Weebly

Відеотеги HTML5 дозволяють розміщувати власні відео на програвачі відео за умовчанням. Вам не потрібно купувати преміальний план Weebly, щоб використовувати елемент відеопрогравача HTML5. Ви можете використовувати відеопосилання з інших веб -сайтів або завантажувати свої відео у розділі "Тема> Об’єкти". Рекомендується додати відео у форматі .mp4, .ogv та .webm, щоб подолати проблему сумісності браузера.

Перетягніть елемент "Код для вставлення" на сторінці, на якій потрібно показати своє відео. Вставте нижченаведений код HTML всередину елемента "Вставити код". Обов’язково замініть посилання на відео власними.

<video poster="https://img.webnots.com/2015/06/Slider-3.jpg" width="640" height="480" preload controls loop> <source src="https://img.webnots.com/2015/06/Slider-Video.mp4"> <source src="https://img.webnots.com/2015/06/Slider-Video.webm"> <source src="https://img.webnots.com/2015/06/Slider-Video.ogv"> </video>

Відео виглядатиме так, що нижче вимагає ручного відтворення та підтримується усіма сучасними браузерами, такими як Chrome, Firefox, Safari та Edge.

Уникайте використання автоматичного відтворення відео, особливо зі звуком, для кращого користувацького досвіду. Ви можете надати користувачам елементи керування для вибору: відтворювати відео чи ні.

2 Вбудовування відео за допомогою елемента YouTube

YouTube є популярною платформою відеохостингу від Google, і Weebly пропонує елемент YouTube за умовчанням для легкого вставлення відео. Елемент YouTube доступний у редакторі Weebly у категорії "Медіа". Ви можете перетягнути елемент у будь -яке місце в області вмісту.

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

Медіа -елементи Weebly

Після того, як елемент додано до області вмісту, просто натисніть на нього, щоб побачити параметри налаштування. Ви можете додати URL -адресу відео YouTube, встановити вирівнювання та інтервал між відео.

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

Вбудовування відео у YouTube Weebly

Ви також можете додати або змінити ідентифікатор відео в розширених параметрах та змінити розмір відео відповідно до вашого вмісту.

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

Змініть розмір та ідентифікатор відео YouTube у Weebly

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

Weebly не пропонує опції для налаштування конкретної ширини та висоти вашого відео, але того ж можна досягти, розмістивши елементи „ Пробіл " поруч із вашим відео YouTube.

3 Вбудовування відео за допомогою користувацького HTML

Подібно до відеотегів HTML5, ви також можете використовувати елемент "Вставити код", щоб вставити відеокод iframe з YouTube, Vimeo або будь -яких інших веб -сайтів для розміщення відео, які пропонують код вбудовування iframe.

  • Скопіюйте код для вбудовування з будь -яких сайтів, таких як YouTube або Vimeo.
  • Перетягніть елемент "Вставити код" у область вмісту вашого сайту.
  • Вставте код вставлення HTML всередину елемента та опублікуйте свій сайт.

4 Використання елемента відеопрогравача Weebly Pro HD

Останній варіант – оновити свій сайт Weebly до преміум -плану та використовувати елемент відеопрогравача HD. Це схоже на відеопрогравач HTML5, але пропонується як елемент за замовчуванням. Відеоплеєр високої чіткості (HD) – одна з ключових функцій Weebly Pro, яка дозволяє користувачам завантажувати відеофайли розміром до 1 ГБ на свої веб -сайти. Це обов’язкова функція, якщо ви розміщуєте відеосайт, який вимагає необмеженої кількості завантажень відео.

4.1. Особливості відеопрогравача Weebly Pro HD

  • 1 ГБ Розмір відеофайлу
  • Необмежена кількість відео
  • Автоматичне перетворення HD
  • Без бренду – Ви можете завантажувати відео з власним брендом
  • Підтримує всі стандартні формати
  • Різні розміри відео
  • На сторінці відтворення відео – відео можна відтворювати у редакторі Weebly без публікації вашого сайту.
  • Можливість вибрати, чи може користувач завантажити відео чи ні.
  • Відрегулюйте розмір, поля та положення відео відповідно до вашого вмісту.

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

Відеопрогравач Weebly HD

4.2. Процес завантаження відео на сайт Weebly

  • Просто перетягніть значок HD Video на свою веб -сторінку
  • Натисніть на зображення «Натисніть тут, щоб завантажити відео» та виберіть відео, яке потрібно завантажити
  • Після завантаження відео воно буде автоматично закодовано
  • Виберіть розмір вашого відео
  • Відтворіть відео на сторінці без публікації та перевірте чіткість
  • Публікуйте свій сайт

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

Процес завантаження відео Weebly

4.3. Відео управління

Під час відтворення відео доступні такі параметри управління відео, як показано на малюнку нижче:

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

Елементи управління відеопрогравачем Weebly

  • Кнопка відтворення або паузи
  • Поточний час та загальний час відео
  • Шукайте панель, щоб перейти до будь -якого місця у відео
  • Регулятор гучності
  • Повноекранний режим

Встановивши прапорець «Відео завантажувати», ви зможете зробити відео завантажуваним користувачем.

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

Параметри відеопрогравача Weebly

Відеоелемент покаже варіант завантаження відео, як показано на малюнку нижче.

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

Варіант завантаження для Weebly Video

4.4. Недоліки

Ну, HD відеопрогравач є однією з головних визначних пам’яток пакета Weebly Pro, але є прості вимоги, сподіваємось, що Weebly задовольнить найближчим часом.

  • Відеопрогравач – це просто програвач, ви не можете записувати відео з камери USB
  • Ви не можете перетворити свої фотографії у відео
  • Немає можливості генерувати вбудоване кодування
  • Значки спільного доступу до соціальних мереж недоступні для спільного використання URL -адреси відео
  • Статистика перегляду відео недоступна – ви не будете знати популярність вашого відео та кількість людей, які його переглянули
  • Немає опцій списку відтворення, це означає, що можна завантажити та переглянути лише одне відео

Навіть якщо ви завантажите чудове відео на свій сайт Weebly, користувачі не зможуть вставити ваші відео на свій сайт. Найгірше, що відео не можна публікувати в жодному [соціальному медіа] (https://techblog.sdstudio.top/uk/osnovi-trafiku-v-socialnih-merezhah/), що означає втрату вхідних посилань на ваш сайт, а отже, відвідуваності та рейтингу пошукових систем. Водночас це захищає авторські права власників, особливо якщо ви керуєте Інтернет -магазином, де продаються ліцензовані відео.

Weebly Безкоштовний відеопрогравач Vs Pro

Безкоштовне вбудовування відео має такі переваги перед завантаженням за допомогою елемента відеопрогравача pro HD.

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

Джерело запису: www.webnots.com
Залиште відповідь

Цей веб -сайт використовує файли cookie, щоб покращити ваш досвід. Ми припустимо, що з цим все гаразд, але ви можете відмовитися, якщо захочете. Прийняти Читати далі