{"id":21239216,"url":"https://github.com/tinacious/angular-fluidvid","last_synced_at":"2025-08-29T14:27:20.629Z","repository":{"id":14150057,"uuid":"16855790","full_name":"tinacious/angular-fluidVid","owner":"tinacious","description":"An AngularJS directive for fluid videos for Responsive Design. Rebuilt my jQuery plugin for AngularJS.","archived":false,"fork":false,"pushed_at":"2016-09-19T10:26:41.000Z","size":120,"stargazers_count":2,"open_issues_count":1,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-06-15T06:12:38.693Z","etag":null,"topics":["angularjs","responsive-videos","responsive-web-design"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/tinacious.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-02-15T03:26:02.000Z","updated_at":"2020-11-15T21:59:29.000Z","dependencies_parsed_at":"2022-07-08T03:57:50.420Z","dependency_job_id":null,"html_url":"https://github.com/tinacious/angular-fluidVid","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/tinacious/angular-fluidVid","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tinacious%2Fangular-fluidVid","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tinacious%2Fangular-fluidVid/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tinacious%2Fangular-fluidVid/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tinacious%2Fangular-fluidVid/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tinacious","download_url":"https://codeload.github.com/tinacious/angular-fluidVid/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tinacious%2Fangular-fluidVid/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263158102,"owners_count":23422751,"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":["angularjs","responsive-videos","responsive-web-design"],"created_at":"2024-11-21T00:42:28.900Z","updated_at":"2025-07-02T14:38:56.103Z","avatar_url":"https://github.com/tinacious.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# AngularJS directive for responsive, fluid videos\n\nAn AngularJS directive for fluid videos for Responsive Design. Currently supports YouTube and Vimeo.\n\nThe video will always horizontally fill its parent element so this element should be responsive.\n\n## Usage\n\nTo install using Bower and Grunt:\n\n```bash\nbower install angular-fluidVid --save\ngrunt bower-install\n```\n\nIf you do not use Bower and Grunt, you can download the package and source the dependencies in your HTML.\n\n1. Include `angular-fluidVid.js` in your HTML.\n2. Add the `tinacious.fluidVid` module as an app dependency.\n2. Implement the directive as an element attribute:\n\n```html\n\u003cdiv fluid-video video-type=\"vimeo\" video-id=\"56733081\"\u003e\u003c/div\u003e\n```\n\n[![Bitdeli Badge](https://d2weczhvl823v0.cloudfront.net/tinacious/angular-fluidvid/trend.png)](https://bitdeli.com/free \"Bitdeli Badge\")","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftinacious%2Fangular-fluidvid","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftinacious%2Fangular-fluidvid","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftinacious%2Fangular-fluidvid/lists"}