HTML5 reproduce pasos y código de implementación de capturas de captura dinámica y video (admite otro safari no probado)

Comentario: HTML5 reproduce videos y capturas de pantalla dinámicas, una característica muy de moda y genial, no admite Chrom en este momento, admite otro safari no probado. Si necesita saber, consultelo adecuadamente

Primero consulte la dirección jQuery. Elige Sina's

<script type = "text/javaScript" src = "http://lib.sinaapp.com/js/jquery/1.6/jquery.js"> </script>

Agregar una etiqueta de video

<Video Controls = "Controls">

<fuente src = "1.mp4" />

</video>

Entonces JS

<script type = "text/javaScript">

$ (). Ready (function () {

video var, salida;

escala var = 0.25;

var inicialize = function () {

output = $ ("#output");

video = $ ("#video"). get (0);

$ ("#Capture"). Haga clic (CaptureImage);

};

var captureImage = function () {

var lienvas = document.createElement ("Canvas");

canvas.width = video.VideoWidth * escala;

canvas.height = video.VideoHeight * escala;

Canvas.getContext ('2d')

.DrawImage (Video, 0, 0, Canvas.Width, Canvas.Height);

var img = document.createElement ("img");

img.src = canvas.todataurl ();

output.Prepent (IMG);

};

$ (inicializar);

});

</script>

No publicaré las representaciones.