A partir de la existencia de HTML5, se logró identificar cómo Html embeberá los videos. La etiqueta <video> es el resultado de la estandarización.
La lucha está dada por el player a utilzar. Les recomiendo la siguiente web (http://html5video.org/wiki/HTML5_Player_Comparison) donde podrán encontrar un comparativo bastante interesante sobre ellos.
Para poder utilizar entre los Players, en primer lugar debemos saber cómo colocarlos en nuestro sitio web. Por ejemplo: Para utilizar el player Kaltura, hay que colocar en el cabezal de nuestro sitio el siguiente código:
<script type=”text/javascript” src=”http://html5.kaltura.org/js” > </script>
<script type=”text/javascript” src=”kaltura-html5player-widget/jquery-1.4.2.min.js” ></script>
<!– Include the css and javascript –>
<link rel=”stylesheet” href=”kaltura-html5player-widget/skins/jquery.ui.themes/jquery-ui-1.7.2.custom.css”></link>
<link rel=”stylesheet” href=”kaltura-html5player-widget/mwEmbed-player-static.css”></link>
<script type=”text/javascript” src=”kaltura-html5player-widget/mwEmbed-player-static.js”></script>
Luego de utilizado el código de embebido de video, el resultado es algo como esto:
Código:
<video id=”video” style=”width:544px;height:304px;”
poster=”pantalla.jpg”
duration=”0:10″
linkback=”http://www.traverso.com.uy/” >
<source src=”video.mp4″ />
</video>
