Commentaire: HTML5 joue des vidéos et des captures d'écran dynamiques, une fonctionnalité très à la mode et cool, ne prend pas en charge Chrom pour le moment, prend en charge d'autres safari non testés. Si vous avez besoin de savoir, veuillez y consulter de manière appropriée
Chrom n'est pas encore pris en charge. Soutenir Safari. D'autres non testésRéférez-vous d'abord à l'adresse jQuery. Choisissez Sina
<script type = "text / javascript" src = "http://lib.sinaapp.com/js/jquery/1.6/jquery.js"> </ script>
Ajouter une balise vidéo
<video contrôles = "Controls">
<source src = "1.mp4" />
</ vidéo>
Puis js
<script type = "text / javascript">
$ (). Ready (function () {
VAR VIDÉO, sortie;
Échelle VAR = 0,25;
var initialize = function () {
output = $ ("# output");
vidéo = $ ("# vidéo"). get (0);
$ ("# capture"). Cliquez sur (captureImage);
};
var captureImage = function () {
var canvas = document.CreateElement ("canvas");
Canvas.Width = Video.VideOwidth * Échelle;
canvas.height = vidéo.videoheight * échelle;
canvas.getContext ('2D')
.DrawImage (vidéo, 0, 0, canvas.width, canvas.height);
var img = document.CreateElement ("img");
img.src = canvas.todataurl ();
output.prepennd (IMG);
};
$ (initialiser);
});
</cript>
Je ne publierai pas les rendus.