请教个问题,移动端用canvas截取视频封面,如何截取第一帧作为封面,?

原创 一把残剑斩天下 随笔 问题 64阅读 2018-11-14 16:23:42 举报

var video,output = $("#video_cover");
var scale = 0.8;
var initialize = function() {
video = document.getElementById("background_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');
        output.prepend(img);
    };
    initialize();
    这样写 pc端chrome是可以的 其他的浏览器没测试 但在移动端不行,视频没播放,这个封面也就没加载,有啥办法实现呢,望赐教
评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复