Skip to content

docs: update readme #8

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Jun 18, 2025
Merged

docs: update readme #8

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 2 additions & 10 deletions README-ko_kr.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ React Native에서 YouTube 플레이어를 사용하려면 복잡한 설정이
- ✅ iOS, Android, Web 플랫폼 지원
- ✅ New Architecture 지원
- ✅ YouTube 네이티브 플레이어 모듈 없이도 사용 가능
- ✅ [YouTube iframe Player API](https://developers.google.com/youtube/iframe_api_reference) 전체 기능 지원
- ✅ 다양한 [YouTube iframe Player API](https://developers.google.com/youtube/iframe_api_reference) 기능 지원
- ✅ 개발자 친화적인 API 제공
- ✅ Expo 지원

Expand Down Expand Up @@ -48,7 +48,7 @@ function App() {
### 이벤트
YouTube iframe API의 상태 변화를 애플리케이션에 전달하기 위해 [이벤트](https://developers.google.com/youtube/iframe_api_reference#Events)를 발생시킵니다. 콜백 함수를 통해 원하는 이벤트를 구독할 수 있습니다.

> 주의 - 성능 최적화 및 비정상 동작 방지를 위해 콜백 함수는 `useCallback`으로 감싸주세요.
> 🔔 Note - 성능 최적화 및 비정상 동작 방지를 위해 콜백 함수는 `useCallback`으로 감싸주세요.

```tsx
function App() {
Expand Down Expand Up @@ -178,17 +178,9 @@ YouTube 플레이어의 스타일을 원하는 대로 커스터마이징할 수
function App() {
return (
<YoutubePlayer
ref={playerRef}
videoId={videoId}
height={400}
width={200}
onReady={handleReady}
onStateChange={handleStateChange}
onProgress={handleProgress}
onError={handleError}
onPlaybackRateChange={handlePlaybackRateChange}
onPlaybackQualityChange={handlePlaybackQualityChange}
onAutoplayBlocked={handleAutoplayBlocked}
style={{
borderRadius: 10,
}}
Expand Down
12 changes: 2 additions & 10 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ However, there are currently no actively maintained YouTube player libraries for
- ✅ iOS, Android, and Web platform support
- ✅ New Architecture support
- ✅ Works without YouTube native player modules
- ✅ Full [YouTube iframe Player API](https://developers.google.com/youtube/iframe_api_reference) feature support
- ✅ [YouTube iframe Player API](https://developers.google.com/youtube/iframe_api_reference) feature support
- ✅ Developer-friendly API
- ✅ Expo support

Expand Down Expand Up @@ -48,7 +48,7 @@ function App() {
### Events
The library fires [events](https://developers.google.com/youtube/iframe_api_reference#Events) to notify your application of YouTube iframe API state changes. You can subscribe to these events using callback functions.

> Note - Wrap callback functions with `useCallback` for performance optimization and to prevent abnormal behavior.
> 🔔 Note - Wrap callback functions with `useCallback` for performance optimization and to prevent abnormal behavior.

```tsx
function App() {
Expand Down Expand Up @@ -178,17 +178,9 @@ You can customize the YouTube player's styling to match your application's desig
function App() {
return (
<YoutubePlayer
ref={playerRef}
videoId={videoId}
height={400}
width={200}
onReady={handleReady}
onStateChange={handleStateChange}
onProgress={handleProgress}
onError={handleError}
onPlaybackRateChange={handlePlaybackRateChange}
onPlaybackQualityChange={handlePlaybackQualityChange}
onAutoplayBlocked={handleAutoplayBlocked}
style={{
borderRadius: 10,
}}
Expand Down