{"id":16756623,"url":"https://github.com/gnowland/html5-video","last_synced_at":"2026-01-03T05:01:05.704Z","repository":{"id":24742668,"uuid":"28155154","full_name":"gnowland/HTML5-Video","owner":"gnowland","description":"A lightweight, bulletproof HTML5 Video solution for IE, Firefox, Chrome, Safari, Opera, iOS and Android","archived":false,"fork":false,"pushed_at":"2014-12-17T22:06:51.000Z","size":939,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-02T22:02:52.056Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":false,"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/gnowland.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-12-17T20:53:43.000Z","updated_at":"2021-08-06T08:53:17.000Z","dependencies_parsed_at":"2022-08-17T17:25:17.092Z","dependency_job_id":null,"html_url":"https://github.com/gnowland/HTML5-Video","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gnowland%2FHTML5-Video","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gnowland%2FHTML5-Video/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gnowland%2FHTML5-Video/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gnowland%2FHTML5-Video/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gnowland","download_url":"https://codeload.github.com/gnowland/HTML5-Video/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243836985,"owners_count":20355809,"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":[],"created_at":"2024-10-13T03:26:28.806Z","updated_at":"2026-01-03T05:01:00.651Z","avatar_url":"https://github.com/gnowland.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"Responsive Bulletproof HTML5 Video\n=======================\n\nAbout\n-----\n\nAdapted from [csscallum](https://github.com/csscallum/HTML5-Video/)'s \"Bulletproof HTML5 Video\" with responsiveness added.\n\n-   Be sure to change `.videoContainer { max-height: 1200px; }` and `.videoContainer video { max-width: 1920px; }` to the max-width and max-height of your video.\n\nThis solution only requires two video formats, MP4 and WebM, with a Flash fallback using the .mp4 file for older browsers that don't support HTML5 video.\n\n### WebM \u0026 MP4\n\nWebM is the standards based video format designed to provide a royalty-free, high-quality open video compression format for use with HTML5 video and is supported in *Chrome*, *Firefox* and *Opera*. *IE9* (and up) and Safari only supports the more commonly known MP4 video as do both *iOS* and *Android* devices.\n\nSupport\n-------\nBrowser/device support include Internet Explorer, Firefox, Chrome, Safari, Opera, iOS, Android and the Blackberry Browser. The only dark area is in Opera Mini which does not support the Video element.\n\nDemo\n-----\n\n[Can be viewed here](https://rawgithub.com/gnowland/HTML5-Video/master/index.html).","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgnowland%2Fhtml5-video","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgnowland%2Fhtml5-video","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgnowland%2Fhtml5-video/lists"}