html 实例源码
实例源码：
源代码：
执行
执行中...
x
1
<!DOCTYPE html>2
<html>3
<head>4
<meta charset="utf-8">5
<title>时代Java与您共同学习(NowJava.com)</title>6
</head>7
<body>8
9
<p>要使用的视频:</p>10
<video id="video1" controls width="270" autoplay>11
<source src="mov_bbb.mp4" type='video/mp4'>12
<source src="mov_bbb.ogg" type='video/ogg'>13
<source src="mov_bbb.webm" type='video/webm'>14
</video>15
16
<p>画布 (代码在每20毫秒绘制当前的视频帧):</p>17
<canvas id="myCanvas" width="270" height="135" style="border:1px solid #d3d3d3;">18
您的浏览器不支持 HTML5 canvas 标签。19
</canvas>20
<script>21
var v=document.getElementById("video1");22
var c=document.getElementById("myCanvas");23
ctx=c.getContext('2d');24
v.addEventListener('play', function() 25
{26
var i=window.setInterval(function() {ctx.drawImage(v,5,5,260,125)},20);27
},false);28
v.addEventListener('pause',function() 29
/**代码未完, 请加载全部代码(NowJava.com).**/执行结果：
本文系作者在时代Java发表，未经许可，不得转载。如有侵权，请联系nowjava@qq.com删除。
编辑于
关注时代Java