HTML5 memainkan video dan kode implementasi layar dan kode dinamis (mendukung safari yang belum teruji)

Komentar: HTML5 memutar video dan tangkapan layar dinamis, fitur yang sangat modis dan keren, tidak mendukung Chrom saat ini, mendukung safari lainnya yang belum teruji. Jika Anda perlu tahu, silakan merujuknya dengan tepat

Pertama -tama lihat alamat jQuery. Pilih Sina

<type skrip = "Text/JavaScript" src = "http://lib.sinaapp.com/js/jquery/1.6/jquery.js"> </script>

Tambahkan tag video

<control video = "kontrol">

<Sumber src = "1.mp4" />

</dide>

Lalu js

<type skrip = "Teks/JavaScript">

$ (). Ready (function () {

VAR Video, output;

skala var = 0,25;

var initialize = function () {

output = $ ("#output");

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

$ ("#Capture"). Klik (CaptureImage);

};

var captureImage = function () {

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

canvas.width = skala Video.videowidth *;

canvas.height = skala Video.VideHeight *;

canvas.getContext ('2d')

.drawimage (video, 0, 0, canvas.width, canvas.height);

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

img.src = canvas.todataurl ();

output.prepend (IMG);

};

$ (inisialisasi);

});

</script>

Saya tidak akan memposting rendering.