amp-youtube
Exibe um vídeo do YouTube.
Script obrigatório | <script async custom-element="amp-youtube" src="https://cdn.ampproject.org/v0/amp-youtube-0.1.js"></script> |
Layouts compatíveis | fill, fixed, fixed-height, flex-item, nodisplay, responsive |
Exemplos | Exemplo de código com notas para amp-youtube |
Exemplo
Com o layout responsivo, a largura e a altura do exemplo geram layouts corretos para vídeos com proporção de 16:9:
<amp-youtube data-videoid="mGENRKrdoGY" layout="responsive" width="480" height="270"></amp-youtube>
<amp-youtube id="myLiveChannel" data-live-channelid="UCB8Kb4pxYzsDsHxzBfnid4Q" width="358" height="204" layout="responsive"> <amp-img src="https://i.ytimg.com/vi/Wm1fWz-7nLQ/hqdefault_live.jpg" placeholder layout="fill" /> </amp-youtube>
Atributos
autoplay | Se este atributo estiver presente e o navegador for compatível com a reprodução automática:
|
data-videoid | O ID do vídeo do YouTube encontrado em todos os URLs de páginas de vídeo desse serviço.
Por exemplo, no URL https://www.youtube.com/watch?v=Z1q71gFeRqM, Z1q71gFeRqM é o ID do vídeo. |
data-live-channelid | O ID do canal do YouTube que fornece um URL estável de transmissão ao vivo. Por exemplo, no URL https://www.youtube.com/embed/live_stream?channel=UCB8Kb4pxYzsDsHxzBfnid4Q, UCB8Kb4pxYzsDsHxzBfnid4Q é o ID do canal. Você pode fornecer um atributo data-live-channelid , em vez de data-videoid , para incorporar um URL estável para uma transmissão ao vivo, e não de um vídeo. Os canais não vêm com os marcadores padrão. Você pode fornecer um marcador para o vídeo, conforme o exemplo 2 acima. |
data-param- | Todos os atributos data-param- serão adicionados como parâmetros de consulta ao src de iframe do YouTube. Isso pode ser usado para transmitir valores personalizados por meio de plug-ins do YouTube, como, por exemplo, para definir se os controles serão exibidos ou não.
As chaves e os valores serão codificados na URI. As chaves serão em CamelCase.
|
dock | Requer a extensão amp-video-docking . Se esse atributo estiver presente e o vídeo estiver sendo reproduzido manualmente, o vídeo será minimizado e fixado em um canto ou elemento quando o usuário rolar para fora da área visual do componente de vídeo.
Para mais detalhes, consulte a documentação sobre a extensão de âncora (link em inglês). |
credentials (opcional) | Define uma opção de credentials , conforme especificado pela API Fetch.
omit .
Normalmente, o YouTube define os cookies quando o player é carregado. No modo de privacidade aprimorada, os cookies são definidos quando o usuário clica no player. |
common attributes | Este elemento inclui atributos comuns estendidos a componentes de AMP. |
Validação
Consulte as regras do amp-youtube (link em inglês) nas especificações do validador de AMP. ,false,false
You've read this document a dozen times but it doesn't really cover all of your questions? Maybe other people felt the same: reach out to them on Stack Overflow.
Ir para Stack Overflow Found a bug or missing a feature?The AMP project strongly encourages your participation and contributions! We hope you'll become an ongoing participant in our open source community but we also welcome one-off contributions for the issues you're particularly passionate about.
Ir para o GitHub