How to play video with HTML5

Placing a video in HTML5 markup is simple, no more complex for any given browser than placing an image. 
We’ll lay the application’s basic framework and then use the <video> element to add a video to the web page without the need of any plugins at all.
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>HTML5 Video Player</title>
    <style>
        body {
                font-family: sans-serif;
                border: 0;
                margin: 0;
                padding: 0;
        }
        header {
                text-align: center;
        }
        #player {
                display: table;
                width: 100%;
                padding: 4px;
        }
        #player > div {
                display: table-cell;
                vertical-align: top;
        }
    </style>
</head>
<body>
    <header>
        <h1>HTML5 Video Player</h1>
    </header>
    <section id="player">
        <div>
                <!-- The video will appear here-->
              <video src="[ YOUR VIDEO ].mp4" controls width="720" height="480"></video>
       </div>
  </section>
 </body>
</html>

Em Conclusão: 

             Como podemos ver o HTML5 torna  simples um processo de adicionar vídeo e áudio em páginas web.




Source: 

Mensagens populares deste blogue

Ectomorfos!?carateristicas, alimentação.

Uma explicação facil e superficial de uma rede informática.

One simply view.