{"id":13493962,"url":"https://github.com/etianen/html5media","last_synced_at":"2025-05-15T19:05:41.272Z","repository":{"id":936397,"uuid":"709761","full_name":"etianen/html5media","owner":"etianen","description":"Enables \u003cvideo\u003e and \u003caudio\u003e tags in all major browsers.","archived":false,"fork":false,"pushed_at":"2020-12-20T18:10:40.000Z","size":64974,"stargazers_count":1278,"open_issues_count":15,"forks_count":334,"subscribers_count":70,"default_branch":"master","last_synced_at":"2025-05-15T19:04:54.032Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://html5media.info/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/etianen.png","metadata":{"files":{"readme":"README.markdown","changelog":"CHANGELOG.markdown","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2010-06-08T16:20:24.000Z","updated_at":"2025-05-14T19:10:25.000Z","dependencies_parsed_at":"2022-07-17T01:30:49.868Z","dependency_job_id":null,"html_url":"https://github.com/etianen/html5media","commit_stats":null,"previous_names":[],"tags_count":13,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/etianen%2Fhtml5media","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/etianen%2Fhtml5media/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/etianen%2Fhtml5media/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/etianen%2Fhtml5media/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/etianen","download_url":"https://codeload.github.com/etianen/html5media/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254404357,"owners_count":22065641,"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-07-31T19:01:20.393Z","updated_at":"2025-05-15T19:05:41.249Z","avatar_url":"https://github.com/etianen.png","language":"JavaScript","funding_links":[],"categories":["JavaScript","Video/Audio","视频/音频"],"sub_categories":["Other","其它"],"readme":"HTML5 video made easy\n=====================\n\nAll it takes is a single line of code to make HTML5 video and audio tags work\nin all major browsers.\n\n\nHow to enable video and audio tags in all major browsers\n--------------------------------------------------------\n\nTo make HTML5 video and audio tags work in all major browsers, simply add the\nfollowing line of code somewhere in the `\u003chead\u003e` of your document.\n\n```html\n\u003cscript src=\"http://api.html5media.info/1.1.8/html5media.min.js\"\u003e\u003c/script\u003e\n```\n    \nThat's it! There is no second step!\n\n    \nHow to embed video\n------------------\n\nYou can embed video into your page using the following code.\n\n```html\n\u003cvideo src=\"video.mp4\" width=\"320\" height=\"200\" controls preload\u003e\u003c/video\u003e\n```\n\nFor more information and troubleshooting, please visit the [video wiki page].\n\n[video wiki page]: https://github.com/etianen/html5media/wiki/embedding-video\n    \n    \nHow to embed audio\n------------------\n\nYou can embed audio into your page using the following code.\n\n```html\n\u003caudio src=\"audio.mp3\" controls preload\u003e\u003c/audio\u003e\n```\n\nFor more information and troubleshooting, please visit the [audio wiki page].\n\n[audio wiki page]: https://github.com/etianen/html5media/wiki/embedding-audio\n    \n    \nWhy use html5media?\n-------------------\n\nHTML5 video and audio tags were designed to make embedding a video as easy as\nembedding an image. They were also designed to give users a faster experience\nby doing away with browser plugins such as Adobe Flash.\n\nUnfortunately, older browsers don't support HTML5 video and audio tags, and\neven modern browsers don't support a consistent set of video codecs, making\nembedding a video rather difficult.\n\nThe html5media project makes embedding video or audio as easy as it was meant\nto be. It's a fire-and-forget solution, and doesn't require installing any\nfiles on your server. Unlike many other HTML5 video players, it allows people\nto use the video controls supplied by their own web browser. It's one of the\nsmallest, fastest solutions available, and as browser technology improves it\nwill become even faster.\n    \n    \nMore information\n----------------\n\nThe html5media project is open source and can be found on GitHub. You can find\nout more information on the [html5media wiki], or the main [html5media project page].\n\n[html5media wiki]: https://github.com/etianen/html5media/wiki\n[html5media project page]: https://github.com/etianen/html5media\n\n\nAbout the author\n----------------\n\nDave Hall is a freelance web developer, based in Cambridge, UK. You can usually\nfind him on the Internet in a number of different places:\n\n*   [Website](http://www.etianen.com/ \"Dave Hall's homepage\")\n*   [Blog](http://www.etianen.com/blog/developers/ \"Dave Hall's blog\")\n*   [Twitter](http://twitter.com/etianen \"Dave Hall on Twitter\")\n*   [Google Profile](http://www.google.com/profiles/david.etianen \"Dave Hall's Google profile\")\n\n\nExtra credits\n-------------\n\nThe html5media project bundles together a number of excellent open-source and\ncreative-commons projects. They are listed below.\n\n*   [Flowplayer - Flash Video Player for the Web](http://flowplayer.org/ \"Flowplayer - Flash Video Player for the Web\")\n*   [Domready - The smallest subset possible from jQuery to support DOM ready event](http://code.google.com/p/domready/ \"Domready - The smallest subset possible from jQuery to support DOM ready event\")\n*   [Sintel - the Durian Open Movie Project](http://www.sintel.org/ \"Sintel - the Durian Open Movie Project\")\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fetianen%2Fhtml5media","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fetianen%2Fhtml5media","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fetianen%2Fhtml5media/lists"}