{"id":15994351,"url":"https://github.com/oskarrough/video-placeholder","last_synced_at":"2025-04-05T00:16:07.784Z","repository":{"id":151237984,"uuid":"95762576","full_name":"oskarrough/video-placeholder","owner":"oskarrough","description":"A custom element for prettier embeds for flashy sites","archived":false,"fork":false,"pushed_at":"2019-06-06T07:35:18.000Z","size":118,"stargazers_count":3,"open_issues_count":1,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-02-10T08:31:38.976Z","etag":null,"topics":["web-components"],"latest_commit_sha":null,"homepage":"https://video-placeholder.netlify.com/","language":"HTML","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/oskarrough.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-06-29T09:39:11.000Z","updated_at":"2023-05-05T09:28:58.000Z","dependencies_parsed_at":null,"dependency_job_id":"5d978ffd-64da-4d4b-8895-85235b2968d9","html_url":"https://github.com/oskarrough/video-placeholder","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oskarrough%2Fvideo-placeholder","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oskarrough%2Fvideo-placeholder/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oskarrough%2Fvideo-placeholder/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oskarrough%2Fvideo-placeholder/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/oskarrough","download_url":"https://codeload.github.com/oskarrough/video-placeholder/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247266566,"owners_count":20910837,"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":["web-components"],"created_at":"2024-10-08T07:08:38.953Z","updated_at":"2025-04-05T00:16:07.778Z","avatar_url":"https://github.com/oskarrough.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# \u0026lt;video-placeholder\u0026gt;\n\nA custom element that makes prettier embeds for flashy sites.  \nUse your own placeholders while lazy-loading the (3rd-party) content.\n\n⇢ [Documentation and examples](https://video-placeholder.netlify.com/)\n\n## Copy/paste example\n\n```html\n\u003clink href=\"https://cdn.jsdelivr.net/gh/oskarrough/video-placeholder/video-placeholder.css\" rel=\"stylesheet\"\u003e\n\u003cscript src=\"https://cdn.jsdelivr.net/gh/oskarrough/video-placeholder/video-placeholder.js\" async\u003e\u003c/script\u003e\n\n\u003cvideo-placeholder\u003e\n  \u003cbutton is=\"video-placeholder-front\"\u003e\n    \u003cimg src=\"https://i.imgur.com/CXmwG8G.jpg\"\u003e\n    \u003c!-- put anything here --\u003e\n  \u003c/button\u003e\n  \u003ctemplate\u003e\n    \u003ciframe src=\"https://player.vimeo.com/video/108194249\"\u003e\u003c/iframe\u003e\n    \u003c!-- and here. will be revealed when above button is clicked --\u003e\n  \u003c/template\u003e\n\u003c/video-placeholder\u003e\n```\n\nYou can open and close it by adding and removing the `open` attribute directly on the element.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foskarrough%2Fvideo-placeholder","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Foskarrough%2Fvideo-placeholder","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foskarrough%2Fvideo-placeholder/lists"}