84669 personnes étudient
152542 personnes étudient
20005 personnes étudient
5487 personnes étudient
7821 personnes étudient
359900 personnes étudient
3350 personnes étudient
180660 personnes étudient
48569 personnes étudient
18603 personnes étudient
40936 personnes étudient
1549 personnes étudient
1183 personnes étudient
32909 personnes étudient
移动端 如何在video上显示视频的第一帧?能写下具体代码吗? 谢谢了
认证高级PHP讲师
video标签有个poster属性,事先截好封面放进去就行
是啊 但是怎么截呢 前端能实现吗?
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <video id="video" controls="controls" width="400" height="300"> <source src="myvideo.mp4"> </video> <br><br> 视频第一帧图片: <p id="output"></p> <script type="text/javascript"> (function(){ var video, output; var scale = 0.8; var initialize = function() { output = document.getElementById("output"); video = document.getElementById("video"); video.addEventListener('loadeddata',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("image/png"); img.width = 400; img.height = 300; output.appendChild(img); }; initialize(); })(); </script> </body> </html>
http://stackoverflow.com/ques...
video标签有个poster属性,事先截好封面放进去就行
是啊 但是怎么截呢 前端能实现吗?
http://stackoverflow.com/ques...