{"id":27767881,"url":"https://github.com/mwndl/yt-custom-player-lib","last_synced_at":"2026-02-16T19:39:02.416Z","repository":{"id":283720180,"uuid":"952715693","full_name":"mwndl/yt-custom-player-lib","owner":"mwndl","description":"A library to use the YouTube embed player with a custom UI.","archived":false,"fork":false,"pushed_at":"2025-03-24T05:00:44.000Z","size":381,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-09-13T19:30:44.482Z","etag":null,"topics":["customization","javascript","library","npm","npm-package","react","youtube","youtube-embed"],"latest_commit_sha":null,"homepage":"","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/mwndl.png","metadata":{"files":{"readme":"readme.md","changelog":null,"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,"zenodo":null}},"created_at":"2025-03-21T18:49:02.000Z","updated_at":"2025-06-03T13:59:35.000Z","dependencies_parsed_at":null,"dependency_job_id":"5183e63c-0ec3-4485-8495-a6f1839b98d9","html_url":"https://github.com/mwndl/yt-custom-player-lib","commit_stats":null,"previous_names":["mwndl/yt-custom-player-lib"],"tags_count":9,"template":false,"template_full_name":null,"purl":"pkg:github/mwndl/yt-custom-player-lib","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mwndl%2Fyt-custom-player-lib","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mwndl%2Fyt-custom-player-lib/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mwndl%2Fyt-custom-player-lib/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mwndl%2Fyt-custom-player-lib/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mwndl","download_url":"https://codeload.github.com/mwndl/yt-custom-player-lib/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mwndl%2Fyt-custom-player-lib/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29516176,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-16T18:37:19.720Z","status":"ssl_error","status_checked_at":"2026-02-16T18:36:46.920Z","response_time":115,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["customization","javascript","library","npm","npm-package","react","youtube","youtube-embed"],"created_at":"2025-04-29T19:54:19.840Z","updated_at":"2026-02-16T19:39:02.411Z","avatar_url":"https://github.com/mwndl.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# yt-custom-player\n\n\u003e A library for styling and customizing the YouTube player in React.\n\n## Installation\n\nTo install the library, use npm or yarn:\n\n```bash\nnpm install yt-custom-player\n```\n\nor\n\n```bash\nyarn add yt-custom-player\n```\n\n## Usage\n\nImplement and use the `YouTubeEmbed` component in your React project.\n\n### Basic example\n\n```jsx\nimport React from 'react';\nimport YouTubeEmbed from 'yt-custom-player';\n\nconst App = () =\u003e {\n  return (\n    \u003cdiv\u003e\n      \u003ch1\u003eHello, world!\u003c/h1\u003e\n      \u003cYouTubeEmbed videoId=\"dQw4w9WgXcQ\" start={43} end={101} /\u003e\n    \u003c/div\u003e\n  );\n};\n\nexport default App;\n```\n\n\n## Properties\n\nThese are the properties supported by the library.\n\n| Property           | Type    | Description                                                   | Default |\n|--------------------|---------|---------------------------------------------------------------|---------|\n| videoId            | string  | The YouTube video ID to be displayed.                         | null    |\n| start              | number  | The start time in seconds to begin video playback.            | 0       |\n| end                | number  | The end time in seconds to stop video playback.               | 0       |\n| autoplay           | bool    | Whether the video should start automatically.                  | false   |\n| muted              | bool    | Whether the video should play without sound.                   | false   |\n| repeat             | bool    | Whether the video should repeat automatically after ending.    | false   |\n| showInicialOverlay | bool    | Whether the initial overlay should be displayed.              | true    |\n| showPlayPauseBtn   | bool    | Whether the play/pause button should be displayed.            | true    |\n| showMuteBtn        | bool    | Whether the mute/unmute button should be displayed.           | true    |\n| showProgressBar    | bool    | Whether the video progress bar should be displayed.           | true    |\n| aspectRatio        | string  | Defines the aspect ratio of the player (e.g., '16:9', '4:3'). | '16:9'  |\n| fullScreen         | bool    | Whether the fullscreen mode should be enabled.                | true    |\n\n\n## Contribution\n\nIf you'd like to contribute to the library, feel free to fork it and submit pull requests. Be sure to follow good coding practices and include tests whenever possible.\n\n1. **Fork this repository.**\n   \n   - Go to the repository page on GitHub and click the \"Fork\" button in the top right corner.\n\n2. **Create a branch for your feature.**\n   \n   - Open the terminal and navigate to the repository directory.\n   - Run the command to create a new branch:\n     ```bash\n     git checkout -b feature/new-feature\n     ```\n\n3. **Commit your changes.**\n   \n   - After making the desired changes to the code, add the changes to the staging area:\n     ```bash\n     git add .\n     ```\n   - Commit your changes:\n     ```bash\n     git commit -am 'Add new feature'\n     ```\n\n4. **Push to the remote repository.**\n   \n   - Push your branch to the remote repository:\n     ```bash\n     git push origin feature/new-feature\n     ```\n\n5. **Open a pull request.**\n   \n   - Go to the repository on GitHub, and you will see a button to open a pull request (PR) for your branch.\n   - Click on \"Compare \u0026 pull request\" and add a detailed description of your changes.\n\n## License\n\nThis project is licensed under the MIT License - see the LICENSE file available in the repository for more details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmwndl%2Fyt-custom-player-lib","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmwndl%2Fyt-custom-player-lib","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmwndl%2Fyt-custom-player-lib/lists"}