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: