使用原生 Canvas 播放视频

在使用网页播放视屏是常常会有写原生视频标签无法做到的事，比如在手机播放时可能会被手机播放器接管播放，或者加些弹幕，或者自定义些控件。

今天就写了个简单版的 Video 标签 转 Canvas 播放视频的代码功能，该对象使用非常简单

// 使用方法：1
var video = document.querySelector("video") // 获取到视频标签
// 实例化 Canvas 对象并播放，该操作会自动创建一个 Canvas 标签放到 video 标签同级并隐鲹原有的 video 标签
var v2c = new Video2Canvas(video).play(); 

// 使用方法：2
var video = document.querySelector("video") // 获取到视频标签
var canvas = document.querySelector("canvas") // 获取到自己准备好的canvas标签
// 实例化 Canvas 对象并播放
var v2c = new Video2Canvas(video, canvas).play(); 

这是全部代码

/*
 * @Author: Summer
 * @LastEditors: Summer
 * @Description: 
 * @Date: 2022-04-20 14:12:58 +0800
 * @LastEditTime: 2022-04-20 15:41:17 +0800
 * @FilePath: \test\index.js
 */
(function(){
    

window.Video2Canvas = class Video2Canvas {

    static