Відео Synthesia — поруч із завданням уроку

Додайте готове відеопояснення до потрібної теми. Учень зможе переглянути його в уроці й перейти до практичного завдання.

Пояснення, готовий матеріал і завдання — в одному уроці WeStudy.

ДЛЯ ВАШОГО УРОКУ

Коли доречно

Для відеопояснення перед вправою або самостійною роботою.

Що побачить учень

Опубліковане відео в плеєрі Synthesia.

Що підготувати

Відео з дозволеним вбудовуванням і його код.

Перед публікацією

Перевірте доступ до відео та дозвіл для домену вашої школи.

МОЖЛИВОСТІ

Що можна вбудувати з Synthesia

Опублікований відеоурок у плеєрі Synthesia. Матеріал залишається на сторонньому сервісі, а WeStudy показує його в межах уроку.

Перевірте дозволені домени й доступ до конкретного відео. Публікація, SCORM-експорт і передача оцінок — окремі функції; iframe сам по собі їх не об’єднує.

Коли обрати цей спосіб

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

АВТОРСЬКА ІДЕЯ ДЛЯ УРОКУ

Як використати Synthesia у навчанні

Підготуйте коротке відеопояснення «Як сформулювати навчальну ціль»: дія, умова, критерій. Додайте субтитри й приклад «учень розв’язує 4 із 5 рівнянь». Після перегляду попросіть переписати розмиту ціль «знати тему».

Як перевірити навчальний результат

Попросіть учня подати коротку відповідь або власну роботу в завданні WeStudy. Оцінюйте пояснення рішення та застосування матеріалу, а не лише факт відкриття вікна.

На скриншоті — Documentation overview — офіційне відео. Сценарій уроку вище є методичною пропозицією WeStudy, а не описом усіх екранів цього демо.

ВИГЛЯД МАТЕРІАЛУ

Інтерфейс Synthesia та iframe-код

Відео відкрилося, відтворення дійшло до 00:19 із 01:53, після чого плеєр поставлено на паузу. Реальний скриншот тестового редактора WeStudy.

ПЕРЕВІРЕНИЙ ПРИКЛАД

Посилання та код iframe

Documentation overview — офіційне відео

<iframe
  src="https://share.synthesia.io/embeds/videos/df77c42a-1deb-48fd-8e77-733756c3b2bd"
  width="100%"
  height="100%"
  title="Documentation overview — офіційне відео"
  allowfullscreen
></iframe>

Відео відкрилося, відтворення дійшло до 00:19 із 01:53, після чого плеєр поставлено на паузу. Цей код відкриває матеріал зі скриншота. Вміст і доступність зовнішнього прикладу контролює його автор.

Звідки брати адресу iframe. У коді, який видає сервіс, знайдіть атрибут src: його значення — адреса вбудованого матеріалу. У WeStudy вставляйте весь код, зберігаючи параметри та дозволи постачальника.

ПОКРОКОВА ІНСТРУКЦІЯ

Як додати Synthesia у WeStudy

1. Отримайте код у Synthesia

  1. Відкрийте готове відео та його налаштування публікації.

  2. Увімкніть потрібний доступ.

  3. Share

  4. Embed; скопіюйте код плеєра.

2. Вставте iframe в матеріал курсу

На скриншоті вище показано саме Synthesia: меню курсу ліворуч, матеріал посередині та поле iframe праворуч.

  1. У розділі «Курси» відкрийте курс і редактор його змісту. Оберіть модуль та натисніть «+ Додати матеріал».

  2. Перейдіть у «iFrame та Інтеграції» та оберіть тип матеріалу «iFrame».

  3. У «Загальні налаштування» додайте назву, короткий опис і зображення. Наприклад, назвіть матеріал «Synthesia — практика» та поясніть завдання студентам.

  4. У розділі «iFrame» вставте повний код вбудовування Synthesia у поле «Вставте html код iframe елемента». Потрібен HTML-код iframe, а не звичайне посилання на сайт. Беріть його лише з надійного HTTPS-ресурсу, який дозволяє вбудовування.

3. Перевірте з боку студента

  • Відкрийте опублікований урок з учнівськими правами: матеріал має бути доступним без сесії автора.
  • Пройдіть основну дію: перегорніть слайд, запустіть плеєр або виконайте вправу.
  • Перевірте телефон: читабельність, прокручування та доступ до кнопок.
  • Переконайтеся, що учень бачить інструкцію до завдання й розуміє, куди подати відповідь.

Обмеження Synthesia та доступ

Перевірте дозволені домени й доступ до конкретного відео. Публікація, SCORM-експорт і передача оцінок — окремі функції; iframe сам по собі їх не об’єднує.

Ліцензія стороннього сервісу не входить автоматично до тарифу WeStudy. Перевірте публікацію матеріалу, доступні режими й умови свого акаунта до запуску курсу.

Якщо iframe не відкривається

Запитується вхід

Перевірте доступ саме до матеріалу, а не лише до сторінки автора. Закрите джерело залишається закритим усередині iframe.

Порожнє вікно або заборона вбудовування

Повторно скопіюйте офіційний код. Якщо сервіс має список дозволених доменів, додайте фактичний домен школи. Не підміняйте адресу редактором.

Матеріал перестав працювати

Перевірте, чи не вимкнено публікацію, чи не завершився строк посилання та чи залишився доступ на потрібному тарифі.

Не видно нижніх кнопок

Збільште висоту iframe у налаштуваннях, які дозволяє постачальник, і перевірте результат на вузькому екрані.

Запитання про Synthesia у WeStudy

Джерела та актуальність

Редакція WeStudy · Перевірка прикладу: 6 жовтня 2026.

Відео відкрилося, відтворення дійшло до 00:19 із 01:53, після чого плеєр поставлено на паузу. Перевірка відображення проведена у тестовому редакторі WeStudy. Перед запуском перевірте доступ із правами студента та вигляд на телефоні.

Що ще додати до курсу

Coursebox

Опис і програма курсу в iframe; доступ до уроків може потребувати входу.

Mindsmith

Інтерактивний урок із публічним доступом.

Mini Course Generator

Мінікурс або колекція навчальних карток.

●  ВАШ НАСТУПНИЙ КРОК

Спробуйте WeStudy
безкоштовно

Від першої ідеї до власної онлайн-школи. Створюйте, навчайте та розвивайте свій проєкт разом із WeStudy.

30

днів безкоштовно

Доступ до всіх функцій безкоштовно на 30 днів