Холст поверх видео в IOS-сафари

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> для рендеринга видео (вызывайте context.drawImage(video,0,0) каждые x кадров в секунду), а затем либо рендерить что-либо поверх этого, либо поверх второго холста.