EspañolDeutschFrançaisItalianoPortuguêsРусскийΕλληνικά日本語中文(简体)हिन्दी; हिंदीالعربية
Definir como idioma padrão
Perguntas de PF - Fórum

Como fazer responsivo ou ajustável, largura total, um vídeo embutido do Youtube

Programação de CSS  
 
Como fazer responsivo ou ajustável, largura total, um vídeo embutido do Youtube

Se alguma vez inserido um vídeo de YouTube em alguns dos seus sites Você deve ter notado que o vídeo é um largura fixa e isto não é responsivo Quando você altera o tamanho o navegador ou quando você vê suas páginas da Web de outros dispositivos de com diferentes tamanhos de tela (Móvel, comprimidos,…).

Em um artigo anterior vimos como você poderia inserir um vídeo do Youtube diretamente em sua página web, e se você usar WordPress, sem qualquer tipo de plugin.

Para fazer isso a Largura de um vídeo inserido, a partir do código HTML que o Youtube nos da, é responsivo, a primeira coisa que faremos é colocar este código dentro de um DIV.

Você pode usar o código mostrado aqui, e Substitua o rota ao longo da rota que você dá YouTube o vídeo que você deseja Inserir. Por favor, note que você deve atribuir a classe vídeo para o elemento IFRAME.

Em seguida, no seu arquivo. CSS correspondente, ou diretamente em um elemento ESTILO na mesma página, Nós vamos atribuir os atributos de estilo para a classe contêiner e vídeo.

Uma vez que esse código foi inserido, Se Atualização novamente a página onde você inseriu o vídeo, Verifique Agora isto é ajusta para o Largura do DIV Ele contém. Sim, leste DIV situa-se directamente sobre o CORPO, Você verá que ele Redefinindo para o largura da tela.

 

Deixe-em um comentário ou entrar para oFórum
Share on Facebook Tweet about this on Twitter Share on Google+ Pin on Pinterest Share on Reddit Share on VK Share on StumbleUpon Share on Tumblr Share on LinkedIn Email this to someone Print this page

Artigos relacionados

"Um pensamento sobre"Como fazer responsivo ou ajustável, largura total, um vídeo embutido do Youtube

Farpas de Stephanie

Me ajudou muito, Pesquisar em muitas páginas e nada! que alívio , Muito obrigado <3

Comentários estão fechados.