IOS safari中叠加在视频上的画布

在IOS safari（IPAD）中，你能在视频上叠加画布吗？ 我尝试将文本添加到画布中，但它没有显示在视频播放的顶部

在SAfari桌面上，它可以正常工作

video_dom.addEventListener('play', function() {

        ctx_overlay.font = "bold 16px sans-serif";
        ctx_overlay.fillStyle="black"; 
        ctx_overlay.fillText("Video1 Video1 Video1", 200, 225);

}, false);

<video id="video-canvas-fancy"   loop autoplay loop height="640" width="965" style="position:absolute; top: 5; left: 5;"> 
<source src="http://severe-fire-901.heroku.com/videos/home.m3u8"> 
</video>
<canvas id="canvas-overlay" height="640" width="965" style="position:absolute; top: 10; left: 10;">
</canvas>

video\u dom.addEventListener（'play'，function（）{
ctx_overlay.font=“bold 16px sans serif”；
ctx_overlay.fillStyle=“黑色”；
ctx_叠加填充文本（“Video1 Video1 Video1”，200225）；
}，假）；

以后请提供更多详细信息或代码示例

你是说

？通过绝对定位，你应该能够在上面放置任何东西

如果您在IOS上由于某些（错误）原因无法渲染视频，您可以始终使用

来渲染视频（调用

context.drawImage（video，0,0）

每秒钟x帧一次），然后在其上或第二个画布上渲染内容