帝王谷资源网 Design By www.wdxyy.com
暂不支持chrom 。支持safari .其他未测试
先引用 jquery 地址。选用新浪的
复制代码代码如下:
<script type="text/javascript" src="/UploadFiles/2021-03-30/jquery.js">
加一个video标签
复制代码代码如下:
<video id="video" controls="controls">
<source src="/UploadFiles/2021-03-30/1.mp4"></video>
然后js
复制代码代码如下:
<script type="text/javascript">
$().ready(function(){
var video, output;
var scale = 0.25;
var initialize = function() {
output = $("#output");
video = $("#video").get(0);
$("#capture").click(captureImage);
};
var captureImage = function() {
var canvas = document.createElement("canvas");
canvas.width = video.videoWidth * scale;
canvas.height = video.videoHeight * scale;
canvas.getContext('2d')
.drawImage(video, 0, 0, canvas.width, canvas.height);
var img = document.createElement("img");
img.src = canvas.toDataURL();
output.prepend(img);
};
$(initialize);
});
</script>
效果图就不贴了。
先引用 jquery 地址。选用新浪的
复制代码代码如下:
<script type="text/javascript" src="/UploadFiles/2021-03-30/jquery.js">
加一个video标签
复制代码代码如下:
<video id="video" controls="controls">
<source src="/UploadFiles/2021-03-30/1.mp4"></video>
然后js
复制代码代码如下:
<script type="text/javascript">
$().ready(function(){
var video, output;
var scale = 0.25;
var initialize = function() {
output = $("#output");
video = $("#video").get(0);
$("#capture").click(captureImage);
};
var captureImage = function() {
var canvas = document.createElement("canvas");
canvas.width = video.videoWidth * scale;
canvas.height = video.videoHeight * scale;
canvas.getContext('2d')
.drawImage(video, 0, 0, canvas.width, canvas.height);
var img = document.createElement("img");
img.src = canvas.toDataURL();
output.prepend(img);
};
$(initialize);
});
</script>
效果图就不贴了。
标签:
html5播放视频,动态截图
帝王谷资源网 Design By www.wdxyy.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
帝王谷资源网 Design By www.wdxyy.com
暂无评论...
更新日志
2024年07月03日
2024年07月03日
- 绝区零丽娜角色精美壁纸分享 丽娜高清图片大全
- 《命运2:终焉之形》评测:在线人数几回峰值的史诗新篇
- 《艾尔登法环:黄金树幽影》评测:你所拥有的力量,正是你为王的理由
- 【游新视界】《幻兽帕鲁》帕桑!岛上滴樱花开了,不回来看看吗?
- 群星1996-《96滚石年度最卖座主打歌刷新全纪录·伤心咖啡馆之歌》台湾首版[WAV+CUE]
- 群星.1997-滚石年度最卖座专辑主打歌全纪录·乱世佳人2【滚石】【WAV+CUE】
- 群星1996-《96滚石年度最卖座主打歌刷新全纪录·新好男人2》台湾首版[WAV+CUE]
- Uzi谈停播原因:因锻炼身体太累所以休息了一下
- 纯欲身材经不住镜面反射 如何安慰失意男人的囧图
- Reddit网友称为了迎接《黑神话:悟空》的发售正在通读《西游记》
- 李翊君.1993-苦海女神龙【上华】【WAV+CUE】
- 群星.2009-重温意难忘5CD【新丽声】【WAV+CUE】
- 群星.1991-CINEPOWER【新艺宝】【WAV+CUE】
- 原画壁纸及美图第265期,无水印可自取
- 原画壁纸及美图第266期,无水印可自取