Skip to content

Commit

Permalink
Update index.html
Browse files Browse the repository at this point in the history
Added external videos
  • Loading branch information
mateusadada authored Feb 28, 2024
1 parent 23e068b commit 3a1066f
Showing 1 changed file with 7 additions and 2 deletions.
9 changes: 7 additions & 2 deletions html-css/exercises/exercise_012/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -13,12 +13,17 @@ <h1>Vídeos com HTML5</h1><hr>

<h2>Inserindo vídeos hospedados localmente</h2>
<p>Este vídeo está hospedado no meu próprio servidor.</p>

<video controls width="500" poster="imagens/limoes-capa.png">
<video controls width="560" poster="imagens/limoes-capa.png" loop>
<source src="midia/meu-video.mp4" type="video/mp4">
<source src="midia/meu-video.m4v" type="video/mp4">
<source src="midia/meu-video.webm" type="video/webm">
<p>Seu navegador não tem compatibilidade com reprodução de vídeos.</p>
</video>

<h2>Inserindo vídeos do YouTube</h2>
<iframe width="560" height="315" src="https://www.youtube.com/embed/LW0bhKitRBk?si=DQ4ka7yAmBBSqTfb" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>

<h2>Inserindo vídeos do Vimeo</h2>
<iframe src="https://player.vimeo.com/video/197093965?h=7fbc516b5a&color=ff9933&portrait=0" width="560" height="315" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
</body>
</html>

0 comments on commit 3a1066f

Please sign in to comment.