如何使用videojs 视频截图?

刚接触videojs 如何使用videojs进行视频截图,感谢!

楼主倒找方法没?

用canvas截取视频dom生成图片

普通视频是没问题,不过videoJs的视频会有问题。具体的看下面链接
https://segmentfault.com/q/1010000022056182?_ea=34528612

使用videoJs要确保不支持flash的浏览器加载到videoJs的flash插件,之前的项目使用过没问题

那怎么确保呢?那个videoJs的视频播放器都可以正常播放了,截取到的都是黑屏。普通video标签的视频截取都是正常的。
https://segmentfault.com/q/1010000022056182?_ea=34528612
网址里都有代码,你贴一下测试下就知道了

https://blog.csdn.net/u012418098/article/details/73803075

这个就是之前的记录为了写博客去掉了videoJs引入
 

我试了下,不行。跟我那个一样报 “Failed to execute 'drawImage' on 'CanvasRenderingContext2D': The provided value is not of type '(CSSImageValue or HTMLImageElement or SVGImageElement or HTMLVideoElement or HTMLCanvasElement or ImageBitmap or OffscreenCanvas)'”。

我还特意创建了一个码云仓库https://gitee.com/hjhweb/Canvas,不信的话,你可以把
lrc下载代码下载下来

这个错误是代码上的错误,canvas copy的dom不是video或者image标签

记起来了,使用videoJs 需要获取里面的video标签然后去drawImage(这是一个坑),插件生产的video是一个div. 你可以试试,以前的项目都上线了怎么会不行呢

怎么用videoJs获取里面的video标签:videoJs(id)吗?不过倒是给了我启发,看了下盒子结构,drawImage对象我直接拿videoJs生成后的video的id就成功了,感谢

一般插件都会自己写一套样式美化效果,我们初始化的dom id根本不是写在最初的源dom上。几年前做这个也有遇到,然后查看dom元素才找到问题

发布了122 篇原创文章 · 获赞 2 · 访问量 5217

猜你喜欢

转载自blog.csdn.net/liuji0517/article/details/105193151