캔버스가 IOS safari에서 비디오 위에 겹쳐졌습니다.

Question

IOS safari (IPAD)에서 비디오 위에 캔버스를 겹쳐 쌓을 수 있습니까? 캔버스에 텍스트를 추가하려고 시도했지만 비디오 재생 상단에 나타나지 않습니다.

ON 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 프레임 호출) 그 위에 또는 위에 두 번째 캔버스.