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

Question

您可以在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>

Answer 1

请在将来提供更多详细信息或代码示例。

你的意思是<video>？凭借绝对的定位，您应该可以放置任何东西。

如果您无法在IOS上出现某些（错误）原因，您可以随时使用<canvas>呈现视频（每隔x帧每秒调用context.drawImage(video,0,0)）然后渲染内容顶部或第二个画布顶部。