반응형
IOS safari에서
htlm5 video tag사용시 controls 속성에 의해 position:absolute등으로 해당 영역의 위에 레이어가 겹쳐진 상태에서 내부에 a링크나 onclick등의 명령이 실행이 되지 않는 버그가 있다.
stackoverflow부터 구글링을 계속해도 position 관련된 설정이나 controls 나 opacity등을 video 태그에 설정하란 얘기등이 있는데 다 안됨.
현재는 안드로이드에서는 제대로 동작하니, 디바이스 체크해서 스크립트로 안드로이드일땐 video 태그, 아이폰일때는 대체 이미지에 해당 동영상 링크를 건 태그를 읽도록 하는 방법이 대안이 되겠다.
반응형