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,…).

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.

Comentários