É possível inserir um elemento iFrame em uma página usando a simples tag no documento HTML desta mesma página. Por exemplo, digamos que queremos inserir um vídeo qualquer em uma página.
Basicamente, o elemento é utilizado para inserir conteúdos externos em uma página, como vídeos, banners promocionais de parceiros, fazer pré-visualização de arquivos e inúmeras outras possibilidades. Ele é utilizado com o conjunto de tags HTML de abertura e a de fechamento, que são obrigatórias.
Adicionando Conteúdo HTML
O que é um iFrame e para que ele serve? Basicamente, o iFrame é uma tag ou etiqueta em um documento HTML que viabiliza a inclusão de outro documento HTML dentro do primeiro. Em outras palavras, ele permite que, a partir de uma página inicial, seja possível abrir uma seção de outra página qualquer.
O caminho correto para se incluir uma página HTML dentro de outra página é através do uso do elemento object . Este é o elemento destinado a inserir objetos externos em uma página bem estruturada. O modo padrão de codificar o elemento object é pelo uso do MIME type e da URL do objeto a inserir.
Incorporar um vídeo ou playlist
O caminho correto para se incluir uma página HTML dentro de outra página é através do uso do elemento object . Este é o elemento destinado a inserir objetos externos em uma página bem estruturada. O modo padrão de codificar o elemento object é pelo uso do MIME type e da URL do objeto a inserir.
Frames ou quadros permitem a divisão da tela de exposição do browser em diferentes áreas onde pode-se apresentar diferentes páginas. Isso possibilita, por exemplo, que se determine uma área da tela para ser a página principal e outras áreas para menus ou links.
Se o clipe que você precisa estiver no YouTube, você pode simplesmente copiar o código pronto e colá-lo no editor (no modo html).
Sumário. O elemento HTML incorpora conteúdo externo no ponto especificado no documento. Este conteúdo é fornecido por um aplicativo externo ou outra fonte de conteúdo interativo, como um plug-in de navegador.
Utilizando o vídeo do nosso exemplo, ao colar no editor de texto resulta o seguinte código do iframe HTML: Observe que o código de incorporação já traz algumas opções e atributos definidos. Você pode editar conforme suas necessidades, inclusive a altura e a largura do mesmo.
Ele vai indexar separadamente, então se uma pessoa busca o termo no site de pesquisa, pode cair direto naquele frame e não na página inteira. Se um leitor de tela passa lendo o conteúdo para o cego, ele também não vai conseguir ler o conteúdo de dentro do iFrame. Frames não são usados desde que se usa includes ou masterpages.
Para poder modificar as dimensões do nosso iframe, podemos utilizar o CSS. Porém também temos atributos para definir essas medidas. São eles: width (para largura) e height (para altura). Vejamos o exemplo abaixo onde vamos definir uma largura de 300px e uma altura de 200px para nosso iframe HTML:
Pronto, agora o código já estará copiado, basta abrir o seu editor de texto e colar o código. Utilizando o vídeo do nosso exemplo, ao colar no editor de texto resulta o seguinte código do iframe HTML: Observe que o código de incorporação já traz algumas opções e atributos definidos.
Como saber se o perfume importado é original ou não?
Quando o pinhão está estragado?
Como saber se meu processador é de 32 ou 64 bits?
Como saber se um produto tem CEST?
Quando é necessário fazer a cesariana?
Como saber se o pneu da bike está cheio?
Como saber se um produto químico é perigoso?
Como se vê se o leite é pasteurizado?
Como tirar o contorno do texto no Word?
Como saber se o peixe betta está estressado?
Como tirar da notação científica na calculadora?
Quais os tributos que incidirão na atividade da empresa?
Como gerar Declaração de Imposto de Renda?
Como saber se o processador está esquentando muito?
Como tirar uma conta salva no Instagram?
Quando o produto está vencido?
Como fazer alongamento muscular?