Como inserir vídeo no site?

Código para inserir vídeo na loja virtual

Olá, se você quiser inserir um vídeo em seu site de forma responsiva, você tem duas opções, a primeira copiando o código do iframe e colando na loja no campo destinado à HTML. Ou inserindo o código abaixo:

<div class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="URL"></iframe> </div>

URL é o link do vídeo.
Obs: Esse código deixa o vídeo responsivo para todos dispositivos móveis.

Vamos para um exemplo prático:

Ao acessar o link YouTube, clique em Partilhar > Incorporar. Copie o código e verá algo como:

<iframe width="560" height="315" src="https://www.youtube.com/embed/-PayqoKBs4o" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Se for inserir esse código direto na loja, sugiro trocar o 560 que está no atributo width e colocar 100%. Se for usar o código informado anteriormente, você pegará o link que consta no código, que é:

https://www.youtube.com/embed/-PayqoKBs4o

E substituindo URL por ele, ficando assim:

<div class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/-PayqoKBs4o"></iframe> </div>

Inserindo código na sua E-Com Plus

Existem algumas maneiras de se fazer isso, vou deixar exemplificado duas principais:

Painel Administrativo

Acesse a descrição da categoria ou produto ou qualquer outro e clique em </>, conforme a imagem:

Coloque o código:

Clique novamente no </> e verá o resultado:

No Editor Visual da E-Com Plus

Acesse o bloco de texto que gostaria de inserir o vídeo.
Clique para ativar Markdown, conforme:

Após ativo, coloque o código, no local desejado:

Clique novamente para voltar para Rich Text e verá o resultado:

5 curtidas