Как разместить анимацию или игру Scratch на своем сайте?

Узнаём о том, как работать со своим сайтом и размещать на нём игры и анимацию Scratch.

Смотри также урок о том, как поделиться своей игрой в социальных сетях.

Внимание! В Scratch 3.0, Который вышел в январе 2019 г., на сайте уже нет кнопки Embed.

Но мы можем использовать знания языка гипертекстовой разметки HTML. Достаточно лишь внести в системе управления сайтом в режиме редактирования исходного кода страницы (часто это вкладка или кнопка типа «Текст», «Редактирование кода» и подобное) html-код следующего вида:

<iframe src="//scratch.mit.edu/projects/embed/137093699/?autostart=false" width="485" height="402" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

Здесь надо заменить текст:

//scratch.mit.edu/projects/embed/137093699/

на ссылку на свой проект на сайте Scratch, добавив в текст ссылки слово embed/ после слова projects/.

Например, если ссылка на наш проект, который мы хотим разместить на сайте, имеет вид:

https://scratch.mit.edu/projects/137093699/

то нам необходимо её отредактировать следующим образом:

https://scratch.mit.edu/projects/embed/137093699/

и в этом виде вставить эту ссылку в код:

<iframe src="  вот сюда!     ?autostart=false" width="485" height="402" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

Главное, следить за тем, чтобы не пропали знаки кавычек, слэшей, угловых скобок и пр.

---

А ещё проще (теперь, когда мы научились немного разбираться в html-коде 😉 ) можно сделать следующее. Взять, к примеру, вот эту строку html-кода:

<iframe src="//scratch.mit.edu/projects/embed/137093699/?autostart=false" width="485" height="402" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

и заменить только цифры, задающие номер проекта на сайте Scratch (ниже выделяем их красным цветом):

<iframe src="//scratch.mit.edu/projects/embed/137093699/?autostart=false" width="485" height="402" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

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

---

Вот так! Теперь и без кнопки Embed мы можем публиковать свои scratch-игры на своём сайте так, чтобы в них можно было играть, не уходя со своего сайта.