84669 orang belajar
152542 orang belajar
20005 orang belajar
5487 orang belajar
7821 orang belajar
359900 orang belajar
3350 orang belajar
180660 orang belajar
48569 orang belajar
18603 orang belajar
40936 orang belajar
1549 orang belajar
1183 orang belajar
32909 orang belajar
移动端 如何在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...