{"id":23806743,"url":"https://github.com/sureshpandiyan1/htmlvideoplayerjs","last_synced_at":"2026-05-21T05:02:17.982Z","repository":{"id":189346064,"uuid":"680525160","full_name":"sureshpandiyan1/htmlvideoplayerjs","owner":"sureshpandiyan1","description":"just simple plugin for making your video have some controls","archived":false,"fork":false,"pushed_at":"2023-08-22T10:48:38.000Z","size":24,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-07-04T16:55:21.692Z","etag":null,"topics":["es6","html","htmlvideo","js","module","mp4-video","react","video","videoplayer","youtube-player"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"unlicense","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sureshpandiyan1.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}},"created_at":"2023-08-19T14:26:51.000Z","updated_at":"2023-08-20T14:08:31.000Z","dependencies_parsed_at":"2024-10-20T01:33:11.119Z","dependency_job_id":"035c168a-8e0d-414a-9fbe-422009928236","html_url":"https://github.com/sureshpandiyan1/htmlvideoplayerjs","commit_stats":{"total_commits":14,"total_committers":2,"mean_commits":7.0,"dds":0.4285714285714286,"last_synced_commit":"f5b0dd1521bb30e6862ebf38071f229292491030"},"previous_names":["sureshpandiyan1/htmlvideoplayerjs"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/sureshpandiyan1/htmlvideoplayerjs","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sureshpandiyan1%2Fhtmlvideoplayerjs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sureshpandiyan1%2Fhtmlvideoplayerjs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sureshpandiyan1%2Fhtmlvideoplayerjs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sureshpandiyan1%2Fhtmlvideoplayerjs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sureshpandiyan1","download_url":"https://codeload.github.com/sureshpandiyan1/htmlvideoplayerjs/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sureshpandiyan1%2Fhtmlvideoplayerjs/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265643028,"owners_count":23804011,"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":["es6","html","htmlvideo","js","module","mp4-video","react","video","videoplayer","youtube-player"],"created_at":"2025-01-01T23:13:39.843Z","updated_at":"2026-05-21T05:02:17.923Z","avatar_url":"https://github.com/sureshpandiyan1.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# htmlvideoplayerjs\n\nhtmlvideoplayerjs is just simple plugin for making your video have some controls.\n\nif you like it, give a star ★\n\n\n## npm\n    https://www.npmjs.com/package/htmlvideoplayerjs\n\n\n# first you should read this below\n\n    # PLEASE USE LATEST NPM PACKAGE\n\n    NOTE: it's supports only mp4, not other formats\n    \u003cformat for htmlvideoplayer js\u003e\n    htmlvideoplayerjs(folderpath,tid,width,height,videoid,url)\n\n    folderpath =\u003e htmlvideoplayer js need a icons, you can download from github repo [folder name: icons ] and copy and paste into your folder ('images') EXAMPLE : ./\u003cyourfolderpath\u003e/\u003cjust copy all icons into myiconpath\u003e\n    you can name your folder whatever you want, but you must pass the full path where icons located on your project'\n\n    tid =\u003e target id  ('thevideo')\n    width =\u003e video width ('400')\n    height =\u003e video height ('auto')\n    videoid =\u003e should be unique id ('video')\n    url =\u003e video source file path ('beautifulcity.mp4')\n\n\n# how to use it\n\n    // first you need to download icons  from github repo - [foldername: icons]\n    // second, you should to download stylesheet for htmlvideoplayerjs from github repo - [foldername: playerstyles]\n\n    // we want to make sure all things loaded properly for htmlvideoplayerjs\n\n    import htmlvideoplayer from 'htmlvideoplayerjs'\n\n\n    const myvideo = htmlvideoplayer\n    myvideo('images', 'thevideo', '400','auto', 'video', 'beautifulcity.mp4')\n\n\n\n\n# license\nUnlicense\n\n# copyright\ncopyright @ htmlvideoplayerjs\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsureshpandiyan1%2Fhtmlvideoplayerjs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsureshpandiyan1%2Fhtmlvideoplayerjs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsureshpandiyan1%2Fhtmlvideoplayerjs/lists"}