Ir para conteúdo principal

Integração de um iframe VOD no seu site

O objetivo deste artigo é mostrar como integrar um iframe VOD no seu site com a ferramenta da bsport.

1ª etapa: Obtenha o link VOD no marketplace da bsport.

Para aceder ao seu marketplace, insira o seguinte link na barra de pesquisa do seu browser:

  • backoffice.bsport.io/m/xxx/ID

No URL:

  • "/m" indica que está a aceder ao marketplace da bsport

  • "/xxx" será substituído pelo nome do seu estúdio

  • "/ID" é o seu ID da bsport

Para encontrar o seu ID, aceda à plataforma em Definições > Geral > "BSPORT ID".

Copie o URL na barra de pesquisa do seu browser, substitua o "ID" pelo seu ID da bsport e prima "enter".

2ª etapa: Obtenha o URL do separador VOD.

Clique no separador "VOD" do seu marketplace.

No exemplo acima, temos:

3ª etapa: Obtenha um URL com filtros pré-aplicados.

Também pode filtrar a sua pesquisa para mostrar uma seleção específica dos seus vídeos. Filtre por Nível, Professor, Categorias ou Duração.

Escolha um ou mais filtros aqui:

Por exemplo: ao filtrar pelo Nível "Intermédio" e a categoria "Danse Classique" no marketplace do DanceFloor Paris, obtemos:

4ª etapa: Integre o VOD com a estrutura base do iframe.

Use a seguinte tag:

Substitua o link https://backoffice.bsport.io/m/XXX/id/vod pelo obtido na 2ª etapa.

Por exemplo, para o Dancefloor Paris temos:

Ou com os filtros:

Precisará de adicionar código CSS ao atributo style="" do iframe para que este seja apresentado no tamanho correto no seu site.

Por exemplo:

5ª etapa: Integre o iframe no seu site.

Copie e cole a tag do iframe no local onde pretende colocá-la no seu site.

Por exemplo, com o seguinte código:

Obtemos no site:

Isto respondeu à sua pergunta?