HTML视频JS裁剪视频

Question

我需要通过使用输入矩形覆盖特定区域来显示视频。但是我找不到任何可用的直接方法。

我尝试过使用画布，但是在Android设备中无法使用，它只能在画布上绘制第一帧。

那么有什么办法可以直接在videojs中裁剪视频。

<video-js id="my_video_1" class="vjs-default-skin" controls preload="auto" width="640" height="268" crossorigin="anonymous">
    <source src="test.m3u8" type="application/x-mpegURL">
  </video-js>
  <canvas id="copy" width="640" height="268"></canvas>

  <script src="https://unpkg.com/video.js/dist/video.js"></script>
  <script src="https://unpkg.com/@videojs/http-streaming/dist/videojs-http-streaming.js"></script>

  <script>
    var player = videojs('my_video_1');

    function cropVideo(x,y,w,h){

    }
    player.ready(cropVideo);

  </script>