{"id":25629875,"url":"https://github.com/TheWidlarzGroup/react-native-video-player","last_synced_at":"2026-06-10T15:30:18.656Z","repository":{"id":43478519,"uuid":"67632151","full_name":"TheWidlarzGroup/react-native-video-player","owner":"TheWidlarzGroup","description":"A \u003cVideoPlayer /\u003e component for React Native with custom controls","archived":false,"fork":false,"pushed_at":"2025-02-12T14:28:25.000Z","size":110155,"stargazers_count":565,"open_issues_count":10,"forks_count":317,"subscribers_count":19,"default_branch":"master","last_synced_at":"2025-02-16T09:01:30.344Z","etag":null,"topics":["hacktoberfest","react-native","video-player"],"latest_commit_sha":null,"homepage":"https://docs.thewidlarzgroup.com/react-native-video-player/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/TheWidlarzGroup.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-09-07T18:16:46.000Z","updated_at":"2025-02-13T12:14:42.000Z","dependencies_parsed_at":"2024-05-30T11:09:58.085Z","dependency_job_id":"acc71c0e-d42a-434a-bb33-7d4bf377132d","html_url":"https://github.com/TheWidlarzGroup/react-native-video-player","commit_stats":{"total_commits":120,"total_committers":25,"mean_commits":4.8,"dds":"0.41666666666666663","last_synced_commit":"b3ef119edb7671f0924529660f65b36e16b2ab42"},"previous_names":["cornedor/react-native-video-player"],"tags_count":28,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TheWidlarzGroup%2Freact-native-video-player","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TheWidlarzGroup%2Freact-native-video-player/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TheWidlarzGroup%2Freact-native-video-player/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TheWidlarzGroup%2Freact-native-video-player/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TheWidlarzGroup","download_url":"https://codeload.github.com/TheWidlarzGroup/react-native-video-player/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240222514,"owners_count":19767472,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["hacktoberfest","react-native","video-player"],"created_at":"2025-02-22T19:17:48.946Z","updated_at":"2026-06-10T15:30:16.570Z","avatar_url":"https://github.com/TheWidlarzGroup.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"\n\n# What do you need from the video UI controls library?\n\nAs we approach the end of 2024, we've started working on the roadmap for this project. This means it's not dead—it was just waiting for the perfect moment! Please share your enthusiasm and feedback here: [https://github.com/TheWidlarzGroup/react-native-video-player/discussions/186](https://github.com/TheWidlarzGroup/react-native-video-player/discussions/186)\n\n# react-native-video-player\n\n🎥 `\u003cVideoPlayer /\u003e` component for React Native with a few controls. This player uses [react-native-video](https://github.com/TheWidlarzGroup/react-native-video) under the hood\n\n\u003cdiv align=\"center\"\u003e\n  \u003cvideo src=\"https://github.com/user-attachments/assets/e7e45760-54d0-403e-94bf-2a02ee49a9ee\"\u003e\n    Demo video\n  \u003c/video\u003e\n\u003c/div\u003e\n\n## Documentation\ndocumentation is available at [docs.thewidlarzgroup.com/react-native-video-player/](https://docs.thewidlarzgroup.com/react-native-video-player/)\n\n## Installation\n\n```\nyarn add react-native-video-player react-native-video\n```\n\nor\n```\nnpm install --save react-native-video-player react-native-video\n```\n\nThen, install pods\n```\ncd ios\npod install\n```\n\n## Example\n\n```tsx\n  import VideoPlayer, { type VideoPlayerRef } from 'react-native-video-player';\n\n  const playerRef = useRef\u003cVideoPlayerRef\u003e(null);\n\n  \u003cVideoPlayer\n    ref={playerRef}\n    endWithThumbnail\n    thumbnail={{\n      uri: 'https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/images/BigBuckBunny.jpg',\n    }}\n    source={{\n      uri: 'https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4',\n    }}\n    onError={(e) =\u003e console.log(e)}\n    showDuration={true}\n  /\u003e\n```\n\n## Future features\n\nCheck out our [Roadmap](https://github.com/TheWidlarzGroup/react-native-video-player/discussions/186) for what's coming up next! We're always working on new features and improvements, so stay tuned!\n\n## Community support\nWe have a discord server where you can ask questions and get help. [Join the discord server](https://discord.gg/WXuM4Tgb9X)\n\n## Enterprise Support\n\u003cp\u003e\n  📱 \u003ci\u003ereact-native-video-player\u003c/i\u003e is provided \u003ci\u003eas it is\u003c/i\u003e. For enterprise support or other business inquiries, \u003ca href=\"https://www.thewidlarzgroup.com/?utm_source=rnvp\u0026utm_medium=readme#Contact\"\u003eplease contact us 🤝\u003c/a\u003e. We can help you with the integration, customization and maintenance. We are providing both free and commercial support for this project. let's build something awesome together! 🚀\n\u003c/p\u003e\n\u003ca href=\"https://www.thewidlarzgroup.com/?utm_source=rnvp\u0026utm_medium=readme\"\u003e\n  \u003cpicture\u003e\n    \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"./docs/static/img/banners/twg-dark.png\" /\u003e\n    \u003csource media=\"(prefers-color-scheme: light)\" srcset=\"./docs/static/img/banners/twg-light.png\" /\u003e\n    \u003cimg alt=\"TheWidlarzGroup\" src=\"./docs/static/img/banners/twg-light.png\" /\u003e\n  \u003c/picture\u003e\n\u003c/a\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FTheWidlarzGroup%2Freact-native-video-player","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FTheWidlarzGroup%2Freact-native-video-player","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FTheWidlarzGroup%2Freact-native-video-player/lists"}