{"id":13421986,"url":"https://github.com/video-react/video-react","last_synced_at":"2025-05-13T22:03:11.165Z","repository":{"id":11473024,"uuid":"69514018","full_name":"video-react/video-react","owner":"video-react","description":"A web video player built for the HTML5 world using React library.","archived":false,"fork":false,"pushed_at":"2024-09-25T15:17:33.000Z","size":4363,"stargazers_count":2688,"open_issues_count":136,"forks_count":396,"subscribers_count":45,"default_branch":"master","last_synced_at":"2025-05-06T15:19:52.716Z","etag":null,"topics":["react-component","react-components","react-video","react-video-player","video-player","web-video-player"],"latest_commit_sha":null,"homepage":"https://video-react.js.org/","language":"JavaScript","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/video-react.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"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-29T00:10:58.000Z","updated_at":"2025-05-06T08:55:15.000Z","dependencies_parsed_at":"2024-10-25T01:54:07.918Z","dependency_job_id":"18583ac1-39cb-4298-8c38-bbe6656e1550","html_url":"https://github.com/video-react/video-react","commit_stats":{"total_commits":377,"total_committers":36,"mean_commits":"10.472222222222221","dds":0.4907161803713528,"last_synced_commit":"37b4741443f77d6c9a439df62fefd1b3b63a3152"},"previous_names":[],"tags_count":73,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/video-react%2Fvideo-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/video-react%2Fvideo-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/video-react%2Fvideo-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/video-react%2Fvideo-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/video-react","download_url":"https://codeload.github.com/video-react/video-react/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254036810,"owners_count":22003652,"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":["react-component","react-components","react-video","react-video-player","video-player","web-video-player"],"created_at":"2024-07-30T23:00:34.990Z","updated_at":"2025-05-13T22:03:11.129Z","avatar_url":"https://github.com/video-react.png","language":"JavaScript","readme":"# video-react\n\n[![npm version](https://badge.fury.io/js/video-react.svg)](https://badge.fury.io/js/video-react)\n[![Package Quality](http://npm.packagequality.com/shield/video-react.svg)](http://packagequality.com/#?package=video-react)\n[![codecov](https://codecov.io/gh/video-react/video-react/branch/master/graph/badge.svg)](https://codecov.io/gh/video-react/video-react)\n\nVideo.React is a web video player built from the ground up for an HTML5 world using React library.\n\n### ✨ The future of Video.React\n\nMaintenance of Video.React is being taken over by [Mux](https://www.mux.com). Mux is a [video api](https://www.mux.com/video-api) for developers. The team at Mux have worked on many highly respected projects and are committed to improving video tooling for developers.\n\nVideo.React will remain open source, but with a higher rate of fixes and releases over time. Thanks to everyone in the community for your ongoing support.\n\n## Installation\n\nInstall `video-react` and **peer dependencies** via NPM\n\n```sh\nnpm install --save video-react react react-dom\n```\n\nimport css in your app or add video-react styles in your page\n\n```jsx\nimport '~video-react/dist/video-react.css'; // import css\n```\n\nor\n\n```scss\n@import '~video-react/styles/scss/video-react'; // or import scss\n```\n\nor\n\n```html\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://video-react.github.io/assets/video-react.css\"\n/\u003e\n```\n\nImport the components you need, example:\n\n```js\nimport React from 'react';\nimport { Player } from 'video-react';\n\nexport default props =\u003e {\n  return (\n    \u003cPlayer\u003e\n      \u003csource src=\"https://media.w3.org/2010/05/sintel/trailer_hd.mp4\" /\u003e\n    \u003c/Player\u003e\n  );\n};\n```\n\n## Browser support\n\n| Browser | Windows  |  Mac  | Linux | Android  |    iOS     |\n| :-----: | :------: | :---: | :---: | :------: | :--------: |\n| Chrome  |  **Y**   | **Y** | **Y** |  **Y**   | **Native** |\n| Firefox |  **Y**   | **Y** | **Y** | untested | **Native** |\n|  Edge   |  **Y**   |   -   |   -   |    -     |     -      |\n|  IE 11  | untested |   -   |   -   |    -     |     -      |\n| Safari  |    -     | **Y** |   -   |    -     |   **Y**    |\n\nPlease note that only the latest stable version is tested and supported. Video-react may be usable in older releases, and we will accept pull requests for them, but they will not be frequently tested or actively supported.\n\nFor the items marked as \"untested\", we do welcome volunteer testers.\n\n## Development\n\nRun tests:\n\n```sh\nnpm test\n```\n\n### Run from local\n\n```bash\n$ npm install\n$ npm start\n```\n\n## Contribution\n\nInterested in making contribution to this project? Want to report a bug? Please read the [contribution guide](./CONTRIBUTION.md).\n\n## Inspiration \u0026 Credits\n\n- This project is heavily inspired by [video.js](http://www.videojs.com), and most of our css styles came from [video.js's styles](https://github.com/videojs/video.js/tree/master/src/css).\n- The document site is built with [reactstrap](https://github.com/reactstrap/reactstrap).\n- All the icons came from [Google Material Icons](https://material.io/icons/)\n- Fonts were built by [iconmon](https://icomoon.io/).\n","funding_links":[],"categories":["Other Components","UI Components","JavaScript","Demos","\u003csummary\u003eUI Components\u003c/summary\u003e","语言资源库","HarmonyOS","目录"],"sub_categories":["Audio / Video","JavaScript","Windows Manager"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvideo-react%2Fvideo-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvideo-react%2Fvideo-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvideo-react%2Fvideo-react/lists"}