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.

 

Junte-se o canal de Telegrama

Deixe-em um comentário ou entrar para oFórum
Compartilhá-lo Share on FacebookTweet about this on TwitterShare on Google+Pin on PinterestShare on RedditShare on VKShare on StumbleUponShare on TumblrShare on LinkedInEmail this to someonePrint this page

Artigos relacionados

Deixar uma resposta