Incorporando explainers

Um explainer não precisa viver no scrimba.com. Qualquer explainer para o qual você possa criar um link, você pode incorporar: cole o código de incorporação na sua página e o player completo roda dentro dela, com narração e tudo. Este próprio site de documentação faz isso em todo capítulo de Python.

Obtendo o código de incorporação

Abra o explainer, clique no ícone de engrenagem no canto inferior direito do player e escolha Copy embed code. Isso coloca um iframe na sua área de transferência:

<iframe src="https://scrimba.com/explain/guide098kq1ukg" width="800" height="450" style="border:0" allow="autoplay; fullscreen" allowfullscreen></iframe>

Para um explainer vertical, o código vem dimensionado como width="450" height="800", e o player incorporado roda no seu layout alto.

Cole onde quer que o seu site aceite HTML: um post de blog, uma página de documentação, um bloco de CMS. Defina width e height conforme o que combinar com o seu layout, em pixels ou porcentagem. Dê uma altura generosa: slides com quiz ou um bloco de código longo precisam de espaço, e um quadro baixo demais corta o conteúdo.

Aqui está ele funcionando nesta página:

O que os visitantes veem

Os visitantes não precisam de uma conta na Scrimba para assistir a um explainer incorporado. As regras de visibilidade são as mesmas do link em si: um explainer público ou não listado é reproduzido para qualquer pessoa, enquanto um privado só é reproduzido para quem tem acesso compartilhado, então defina seu explainer para pelo menos não listado antes de incorporá-lo.

Cada lição em uma playlist é um explainer normal, com sua própria URL e seu próprio código de incorporação, então você pode incorporar uma lição ou várias.