codestates / codestates/HoloSulo

[Error-Handling] 강범규 - 2022.02.21

Open
#100 0 comments 0 reactions 1 assignee Claimed by @kangbumkyu View on GitHub
err-log
Dominant language
JavaScript
Stars
0
Forks
0
PR merge metrics
No merged PRs in 30d

Description

### 어떤 에러인가요?
- video tag 사용시 모바일에선 자동으로 풀 스크린으로 재생되는 문제

### 에러 메시지
없음

### 에러 핸들링 방법


```

```

`playsInline={true}` 을 추가해주면 풀 스크린 되는 것을 방지한다.

**[History]**
1. 참고로 레퍼런스에서 별 생각없이 `playsinline` 를 복붙하고 모바일에서 페이지를 새로고침 했더니 풀 스크린이 안되길래 수정된 줄 알았음.
2. 그러나 메인 페이지로 이동시에 또 풀스크린이 되길래 뭐가 문제인지 찾는데 시간이 걸림.
3. react 스타일로 `playsinline` 에 "inline" 을 대문자 "Inline"으로 변경해 `playsInline` 로 수정해서 버그 픽스함.


### 에러 핸들링을 위해 참고한 레퍼런스 링크
- https://stackoverflow.com/questions/63637628/disable-fullscreen-mode-on-html-video-on-mobile-devices

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.