在HTML 5标签视频上绘制矩形

，可以通过Canvas API来实现。Canvas是HTML5中提供的一个2D绘图环境，可以在其中绘制各种图形。

下面是一种实现方法：

首先，在HTML页面中创建一个<canvas>元素，并为其设置宽度和高度，用于绘制视频和矩形：

<canvas id="myCanvas" width="640" height="360"></canvas>

在JavaScript中，获取到<canvas>元素的引用，并获取视频元素的引用：

var canvas = document.getElementById("myCanvas");
var video = document.getElementById("myVideo");

创建一个2D绘图上下文，然后将视频绘制到Canvas中：

var ctx = canvas.getContext("2d");
ctx.drawImage(video, 0, 0, canvas.width, canvas.height);

绘制矩形，可以使用Canvas提供的fillRect()方法，传入矩形的起点坐标和宽高参数：

ctx.fillRect(50, 50, 100, 100);

最后，在合适的时机调用绘制函数，比如在视频播放时的时间更新事件中调用：

video.addEventListener("timeupdate", function() {
  // 清除Canvas内容
  ctx.clearRect(0, 0, canvas.width, canvas.height);
  
  // 绘制视频
  ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
  
  // 绘制矩形
  ctx.fillRect(50, 50, 100, 100);
});

这样，当视频播放时，Canvas中将会实时绘制矩形在视频上。

关于Canvas API和绘制矩形的更多详细信息，可以参考腾讯云的Canvas相关文档和产品：