Відео 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
Відкрийте готове відео та його налаштування публікації.
Увімкніть потрібний доступ.
Share
Embed; скопіюйте код плеєра.
2. Вставте iframe в матеріал курсу
На скриншоті вище показано саме Synthesia: меню курсу ліворуч, матеріал посередині та поле iframe праворуч.
У розділі «Курси» відкрийте курс і редактор його змісту. Оберіть модуль та натисніть «+ Додати матеріал».
Перейдіть у «iFrame та Інтеграції» та оберіть тип матеріалу «iFrame».
У «Загальні налаштування» додайте назву, короткий опис і зображення. Наприклад, назвіть матеріал «Synthesia — практика» та поясніть завдання студентам.
У розділі «iFrame» вставте повний код вбудовування Synthesia у поле «Вставте html код iframe елемента». Потрібен HTML-код iframe, а не звичайне посилання на сайт. Беріть його лише з надійного HTTPS-ресурсу, який дозволяє вбудовування.
3. Перевірте з боку студента
- Відкрийте опублікований урок з учнівськими правами: матеріал має бути доступним без сесії автора.
- Пройдіть основну дію: перегорніть слайд, запустіть плеєр або виконайте вправу.
- Перевірте телефон: читабельність, прокручування та доступ до кнопок.
- Переконайтеся, що учень бачить інструкцію до завдання й розуміє, куди подати відповідь.
Обмеження Synthesia та доступ
Перевірте дозволені домени й доступ до конкретного відео. Публікація, SCORM-експорт і передача оцінок — окремі функції; iframe сам по собі їх не об’єднує.
Ліцензія стороннього сервісу не входить автоматично до тарифу WeStudy. Перевірте публікацію матеріалу, доступні режими й умови свого акаунта до запуску курсу.
Якщо iframe не відкривається
Запитується вхід
Перевірте доступ саме до матеріалу, а не лише до сторінки автора. Закрите джерело залишається закритим усередині iframe.
Порожнє вікно або заборона вбудовування
Повторно скопіюйте офіційний код. Якщо сервіс має список дозволених доменів, додайте фактичний домен школи. Не підміняйте адресу редактором.
Матеріал перестав працювати
Перевірте, чи не вимкнено публікацію, чи не завершився строк посилання та чи залишився доступ на потрібному тарифі.
Не видно нижніх кнопок
Збільште висоту iframe у налаштуваннях, які дозволяє постачальник, і перевірте результат на вузькому екрані.
Запитання про Synthesia у WeStudy
Опублікований відеоурок у плеєрі Synthesia.
Відкрийте готове відео та його налаштування публікації. Увімкніть потрібний доступ. Share Embed; скопіюйте код плеєра.
У поле WeStudy потрібен повний HTML-код iframe. Посилання на редактор, домашню сторінку або звичайна кнопка Share не замінюють код вбудовування.
Перевірте дозволені домени й доступ до конкретного відео. Публікація, SCORM-експорт і передача оцінок — окремі функції; iframe сам по собі їх не об’єднує.
iframe відображає сторонній матеріал. Він сам по собі не синхронізує бали, спроби чи завершення. Для оцінювання додайте окреме завдання або тест у WeStudy.
Джерела та актуальність
Редакція WeStudy · Перевірка прикладу: 6 жовтня 2026.
Відео відкрилося, відтворення дійшло до 00:19 із 01:53, після чого плеєр поставлено на паузу. Перевірка відображення проведена у тестовому редакторі WeStudy. Перед запуском перевірте доступ із правами студента та вигляд на телефоні.
Що ще додати до курсу
Coursebox
Опис і програма курсу в iframe; доступ до уроків може потребувати входу.
● ВАШ НАСТУПНИЙ КРОК
Спробуйте WeStudy
безкоштовно
Від першої ідеї до власної онлайн-школи. Створюйте, навчайте та розвивайте свій проєкт разом із WeStudy.
30
днів безкоштовно




