參考：

https://segmentfault.com/q/1010000006717959

問題：

a.獲取的好像是第一幀的圖？第一幀為透明圖時，獲取的個透明圖片

b.得先加載視頻到video,做視頻上傳的時候體驗不太友好

c.qq空間能截取視頻圖片，不知道怎么實現的

視頻第一幀圖片：

(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();

})();

總結

以上是生活随笔為你收集整理的js截屏 video_js获取视频截图的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。