如何使用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元素才找到问题