自定义博客皮肤VIP专享

*博客头图：

点击选择上传的图片

格式为PNG、JPG，宽度*高度大于1920*100像素，不超过2MB，主视觉建议放在右侧，请参照线上博客头图

请上传大于1920*100像素的图片！

博客底图：

点击选择上传的图片

图片格式为PNG、JPG，不超过1MB，可上下左右平铺至整个背景

栏目图：

点击选择上传的图片

图片格式为PNG、JPG，图片宽度*高度为300*38像素，不超过0.5MB

主标题颜色：

RGB颜色，例如：#AFAFAF

Hover：

RGB颜色，例如：#AFAFAF

副标题颜色：

RGB颜色，例如：#AFAFAF

预览取消提交

自定义博客皮肤

weixin_38597686的博客

博客等级

码龄8年

关注

私信

HTML5 单个或者多个Video标签视频加载第一帧方法（poster属性）
浪九三: 单个多个视频通用 [code=javascript] <video preload="auto" onloadeddata="setCover(this)" controls> <source src="1.mp4"> </video> <video preload="auto" onloadeddata="setCover(this)" controls> <source src="2.mp4"> </video> <script> function setCover(that) {//加载完成事件，调用函数 var canvas = document.createElement("canvas");//canvas画布 canvas.width = that.videoWidth canvas.height = that.videoHeight canvas.getContext('2d').drawImage(that, 0, 0, canvas.width, canvas.height);//画图 that.setAttribute("poster", canvas.toDataURL("image/png")); } </script> [/code]
HTML5 单个或者多个Video标签视频加载第一帧方法（poster属性）
多年的阿伟: 不管用
HTML5 单个或者多个Video标签视频加载第一帧方法（poster属性）
dulemon: poster属性可以支持base64编码格式的吗，我查了一下不可以呀https://www.w3school.com.cn/tags/att_video_poster.asp
HTML5 单个或者多个Video标签视频加载第一帧方法（poster属性）
是九叔啊: [code=html] :src="item.video_url" :poster="item.video_url+'?vframe/jpg/offset/1'" [/code] 加一个 ?vframe/jpg/offset/1 就可以了
HTML5 单个或者多个Video标签视频加载第一帧方法（poster属性）
浪神无敌: video.on不是一个函数啊

关注

关注数：文章数：1 文章阅读量：5390 文章收藏量：3

300字以内

展开

ios系统中input type=text/radio/checkebox取消默认样式