반응형
웹뷰를 사용하여 youtube를 간단히 연동할 수 있습니다.
<WebView
style={{ width: '100%', height: '100%' }}
mixedContentMode='always'
source={{ uri: `https://www.youtube.com/embed/bTBmpBUHmVc?controls=1&disablekb=1&egm=1&rel=0` }}
useWebKit={true} // ios 필수
scrollEnabled={false}
domStorageEnabled={true}
javaScriptEnabled={true}
/>링크된 영상은 쯔양님의 영상입니다.
체크된 바로는 너무 긴 영상은 로드되지 않는것으로 보입니다.
영상 플레이어 관련 옵션들은
https://developers.google.com/youtube/player_parameters#playlist
YouTube 내장 플레이어 및 플레이어 매개변수< | YouTube IFrame Player API | Google Developers
개요 이 문서에서는 애플리케이션에 YouTube 플레이어를 삽입하는 방법을 설명하고 YouTube 내장 플레이어에서 사용할 수 있는 매개변수를 정의합니다. IFrame URL에 매개변수를 추가하여 애플리케이션의 재생 환경을 맞춤설정할 수 있습니다. 예를 들어 autoplay 매개변수를 사용하여 동영상을 자동으로 재생하거나 loop 매개변수를 사용하여 동영상이 반복해서 재생되도록 할 수 있습니다. 또한 enablejsapi 매개변수로 플레이어에 를 사용하도
developers.google.com
여기서 확인할 수 있습니다.
확대하여 전체화면 보기를 하는것은 좀 더 알아본 후 추후 업로드하도록 하겠습니다.
반응형
'개발, 코딩 > App - React Native' 카테고리의 다른 글
| expo, icon 에러 (0) | 2019.08.02 |
|---|---|
| react-native, expo에서 모두 참고할만한 info.plist목록 (0) | 2019.08.01 |
| 44만 공시생, 70%가 우울증... 우리가 응원합니다. (0) | 2019.06.10 |
| [공무원 시험일정, 공시생 SNS: 공투공] 개발일지(3) - 크로스플랫폼 (0) | 2019.06.02 |
| [공무원 시험일정, 공시생 SNS: 공투공] 개발일지(2) - 코드작성, 구조 (0) | 2019.05.31 |