Passo 8

Instruções

Por último, mas não menos importante, o atributo que você adicionará é allowfullscreen. Como o nome indica, ele permite que o vídeo seja visualizado em modo de tela cheia. Com isso, o workshop está concluído!

O que fazer:

Testes:

Seu elemento `iframe` deve ter um atributo `allowfullscreen`.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Display Videos in an iframe</title>
  </head>
  <body>
    <h1>iframe Video Display</h1>
    <iframe
      width="560"
      height="315"
      src="https://www.youtube.com/embed/I0_951_MPE0"
      allow="accelerometer autoplay clipboard-write encrypted-media gyroscope web-share"
      referrerpolicy="strict-origin-when-cross-origin"

      

    >

    </iframe>
  </body>
</html>

Preview