--- title: <embed> slug: Web/HTML/Element/embed tags: - Conteúdo externo - Elemento - HTML - HTML5 - Incorporação de conteúdo - Incorporação de conteúdo HTML - Internet - Plugins - Rede - Referencia - Web - embutir - incorporar translation_of: Web/HTML/Element/embed --- <h2 id="Sumário">Sumário</h2> <p>O <strong>elemento HTML <code><embed></code> </strong>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.</p> <p>{{EmbedInteractiveExample("pages/tabbed/embed.html", "tabbed-standard")}}</p> <div class="hidden"> <p>A fonte deste exemplo interativo é armazenada em um repositório GitHub. Se você deseja contribuir com o projeto de exemplos interativos, clone <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> e envie-nos uma solicitação de recebimento.</p> </div> <div class="note"> <p><strong>Nota</strong>: Este tópico documenta apenas o elemento definido como parte do HTML5. Ele não trata da implementação anterior e não padronizada do elemento.</p> </div> <p>Lembre-se de que a maioria dos navegadores modernos descontinuou e removeu o suporte para plug-ins de navegador. Portanto, confiar no <code><embed> </code>geralmente não é aconselhável se você deseja que seu site funcione no navegador do usuário comum. </p> <ul class="htmlelt"> <li><dfn><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categoria de conteúdo</a></dfn> <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Flow content</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>, embedded content, interactive content, palpable content.</li> <li><dfn>Conteúdo permitido</dfn> Nenhum, é um {{Glossary("empty element")}}.</li> <li><dfn>Omissão de Tag</dfn>Deve iniciar com uma tag de início, mas não deve ter uma tag de fechamento.</li> <li><dfn>Elementos pai (ancestral)<br> permitidos</dfn>Qualquer elemento que aceita incorporação de conteúdo.</li> <li><dfn>Interface DOM</dfn> {{domxref("HTMLEmbedElement")}}</li> </ul> <h2 id="Atributos">Atributos</h2> <p><span style="line-height: 21px;">Este elemento inclui os </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributos globais</a><span style="line-height: 21px;">.</span></p> <dl> <dt>{{htmlattrdef("height")}}</dt> <dd>A altura apresentada do recurso, em <a href="https://drafts.csswg.org/css-values/#px">CSS pixels.</a> Este deve ser um valor absoluto; porcentagens <em>não </em>são permitidas.</dd> <dt>{{htmlattrdef("src")}}</dt> <dd>A URL do recurso que está sendo incorporado.</dd> <dt>{{htmlattrdef("type")}}</dt> <dd>O <a href="/en-US/docs/Glossary/MIME_type">tipo MIME</a> a ser usado para a seleção do <em>plug-in</em> de instanciação.</dd> <dt>{{htmlattrdef("width")}}</dt> <dd>A largura apresentada do recurso, em CSS pixels. Este deve ser um valor absoluto; porcentagens <em>não </em>são permitidas.</dd> <dt></dt> </dl> <h2 id="Exemplo">Exemplo</h2> <pre class="brush: html"><embed type="video/quicktime" src="movie.mov" width="640" height="480"> </pre> <h2 id="Specifications" name="Specifications">Especificações</h2> <table class="standard-table"> <thead> <tr> <th scope="col">Specification</th> <th scope="col">Status</th> <th scope="col">Comment</th> </tr> </thead> <tbody> <tr> <td>{{SpecName('HTML WHATWG', 'the-iframe-element.html#the-embed-element', '<embed>')}}</td> <td>{{Spec2('HTML WHATWG')}}</td> <td></td> </tr> <tr> <td>{{SpecName('HTML5 W3C', 'embedded-content-0.html#the-embed-element', '<embed>')}}</td> <td>{{Spec2('HTML5 W3C')}}</td> <td></td> </tr> </tbody> </table> <h2 id="Browser_compatibility">Compatibilidade com navegadores</h2> <div class="note"> <p><strong>Nota</strong>: Atualmente existe uma diferença na implementação pelos navegadores. Enquanto carrega, no Chrome e no Opera, aparece o conteúdo do recurso em HTML, no Firefox, mostra uma mensagem genérica falando que o conteúdo precisa de um <em>plug-in </em>(veja o {{Bug("730768")}}). É recomendado que se use os elementos {{HTMLElement("object")}} ou {{HTMLElement("iframe")}}.</p> </div> <p>{{CompatibilityTable}}</p> <div id="compat-desktop"> <table class="compat-table"> <tbody> <tr> <th>Feature</th> <th>Chrome</th> <th>Firefox (Gecko)</th> <th>Internet Explorer</th> <th>Opera</th> <th>Safari</th> </tr> <tr> <td>Basic support</td> <td>{{CompatVersionUnknown}}</td> <td>{{CompatGeckoDesktop("1.0")}}</td> <td>{{CompatVersionUnknown}}</td> <td>{{CompatVersionUnknown}}</td> <td>{{CompatVersionUnknown}}</td> </tr> </tbody> </table> </div> <h2 id="Veja_também">Veja também</h2> <ul> <li>Outros elementos usados para incorporar conteúdo de vários tipos, incluem: {{HTMLElement("audio")}}, {{HTMLElement("canvas")}}, {{HTMLElement("iframe")}}, {{HTMLElement("img")}}, {{MathMLElement("math")}}, {{HTMLElement("object")}}, {{SVGElement("svg")}}, and {{HTMLElement("video")}}.</li> <li>Posicionamento e dimensionamento de conteúdos incorporados dentro da janela de exibição: {{cssxref("object-position")}} and {{cssxref("object-fit")}}</li> </ul> <p>{{ HTMLRef }}</p>