Mídias Locais.html

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Vídeos </title>
    <style>
        body{
            background-color: azure;
        }
    </style>
</head>
<body>
    <h1>Vídeos</h1>
    <hr>
    <h4>Vídeo hospedado no servidor Local. <br> (Servidor próprio)</h4>
    <video width="500" poster="Code.png" controls autoplay loop>
        <source src="Mídias/life.mp4" type="video/mp4">
        <source src="Mídias/mp4.mp4" type="video/mp4">
        <source src="Mídias/webm.webm" type="video/webm">
        <source src="Mídias/ogv.ogv" type="video/ogv">
        <p>Infezlimente seu navegador não tem compatibilidade para reprodução de vídeos.</p>
    </video>
    <h4>Vídeo do Youtube. <br> (Servidor Externo)</h4>
    <iframe width="560" height="315" src="https://www.youtube.com/embed/ijqjqwiNdV4?si=JVZ8GhHQWAs6852S" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
    <p>__</p>
    <a href="Imagem dinâmica.html" rel="prev"> Voltar </a>
</body>
</html>