HTML5 spielt Video- und Dynamik -Screenshot -Implementierungsschritte und -code (unterstützt andere ungetestete Safari)

Kommentar: HTML5 spielt Videos und dynamische Screenshots, eine sehr modische und coole Funktion, die Chrom derzeit nicht unterstützt, unterstützt andere nicht getestete Safari. Wenn Sie es wissen müssen, wenden Sie sich bitte angemessen darauf

Beziehen Sie sich zunächst auf die JQuery -Adresse. Wählen Sie Sina

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

Fügen Sie ein Video -Tag hinzu

<Video Controls = "Controls">

<source src = "1.mp4" />

</Video>

Dann JS

<script type = "text/javaScript">

$ (). Ready (function () {

var Video, Ausgabe;

var scale = 0,25;

var initialize = function () {

output = $ ("#output");

Video = $ ("#Video"). Get (0);

$ ("#capture"). click (captimage);

};

var captureImage = function () {

var canvas = document.createelement ("canvas");

canvas.width = Video.Videowidth * scale;

Canvas.Height = Video.VideoHeight * Skala;

canvas.getContext ('2d')

.Drawimage (Video, 0, 0, Canvas.width, canvas.height);

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

img.src = canvas.todataurl ();

output.Prepend (IMG);

};

$ (initialisieren);

});

</script>

Ich werde die Renderings nicht veröffentlichen.