• Resolvido vanessavolk

    (@vanessavolk)


    Olá amigos

    Eu quero incorporar no meu blog vídeos do youtube de forma respondisa, porque tenho acessos de celulares e tablets, mas não estou conseguindo
    Se eu copio o próprio código que o youtube fornece no desktop ele fica normal, mas se acessa pelo celular o video fica cortado, não dá nem para dar play, só funciona se vira o celular na horizontal.
    Procurei no google uma solução, mas nenhuma delas me ajudou, eles sugerem alterar o código css, fiz isso, mas nada

    Alguém sabe como fazer?
    Um exemplo do meu post: http://pimentaesal.com.br/molho-de-mostarda-e-mel-para-saladas/

    Obrigada desde já

Visualizando 2 respostas - 1 até 2 (de um total de 2)
  • Pelo que vi, seu tema usa Bootstrap. Isso vai facilitar pra você. Basta você inserir os vídeos dentro de uma div com a classe embed-responsive mais a classe embed-responsive-16by9 (se for widescreen) ou embed-responsive-4by3 (se for proporção 4 por 3).

    Exemplos:

    Para vídeos widescreen:

    <div class="embed-responsive embed-responsive-16by9">
      <iframe src="...">Código do YouTube...</iframe>
    </div>

    Para vídeos 4 por 3:

    <div class="embed-responsive embed-responsive-4by3">
      <iframe src="...">Código do YouTube...</iframe>
    </div>

    Referência:
    http://getbootstrap.com/components/#responsive-embed

    Criador do tópico vanessavolk

    (@vanessavolk)

    Oi Anyssa

    Muito obrigada pela sua ajuda!

Visualizando 2 respostas - 1 até 2 (de um total de 2)
  • O tópico ‘Video Youtube Resposivo’ está fechado para novas respostas.