Como deixar o vídeo do youtube responsivo

Para inserir vídeos na descrição do produto, é preciso antes hospedar este vídeo em uma outra plataforma, como o Youtube.

Feito isso, acesse o vídeo que deseja colocar na página de produto e deixe aberto em uma guia, em outra guia, abra o admin da sua loja e acesse o produto na aba "Descrição".

Escolha o box que irá inserir o vídeo e clique no ícone com o nome "Código-Fonte".

Agora copie e cole o seguinte script:

<div class="responsive-iframe"><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media;
 gyroscope; picture-in-picture; web-share" allowfullscreen="" frameborder="0" height="360" scrolling="no"
 src="URL do seu vídeo" title="Título do seu vídeo"
 width="640"></iframe></div>

Note que no script acima, temos algumas informações entre aspas em negrito, essas são as informações que você deve alterar ao colocar na descrição do seu produto.

Na URL, basta voltar na guia onde consta seu vídeo no Yuotube, e copiar o link do vídeo. O mesmo deve ser feito com o título, pois assim ficará fácil identificar futuramente qual vídeo está linkado à este script.

Depois de salva, vá até a página de produto para testar se o vídeo ficou responsivo. Basta apertar a tecla F12 do seu teclado e depois com o mouse, aumentar e diminuir a tela.