Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
0 parents
commit d47388d
Showing
9 changed files
with
61 additions
and
0 deletions.
There are no files selected for viewing
Binary file not shown.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Binary file not shown.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Binary file not shown.
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,61 @@ | ||
0 | ||
00:00:00,1 --> 00:00:04 | ||
HTML5 <video> and <audio> was supposed to be awesome, powerful, and fun. | ||
|
||
1 | ||
00:00:04 --> 00:00:07 | ||
But browser vendors couldn't agree on a codec | ||
|
||
2 | ||
00:00:07 --> 00:00:10 | ||
and older browsers don't support <video> at all. | ||
|
||
3 | ||
00:00:10 --> 00:00:12 | ||
This means <video src="myfile.mp4" /> doesn't work ... | ||
|
||
4 | ||
00:00:12 --> 00:00:14 | ||
until now. | ||
|
||
5 | ||
00:00:14 --> 00:00:18 | ||
Introducing MediaElement.js, an HTML5 <video> and <audio> player | ||
|
||
6 | ||
00:00:18 --> 00:00:21 | ||
that looks and works the same in every browser (even iPhone and Android). | ||
|
||
7 | ||
00:00:21 --> 00:00:24 | ||
For older browsers, it has custom Flash and Silverlight plugins | ||
|
||
8 | ||
00:00:24 --> 00:00:27 | ||
that fully replicate the HTML5 MediaElement API | ||
|
||
9 | ||
00:00:27 --> 00:00:30 | ||
so you can build a consistent control UI using just HTML and CSS. | ||
|
||
10 | ||
00:00:30 --> 00:00:33 | ||
MediaElement.js even supports newer standards | ||
|
||
11 | ||
00:00:33 --> 00:00:36 | ||
like the <track> element that enables the subtitles you're reading right now. | ||
|
||
12 | ||
00:00:36 --> 00:00:39 | ||
The subtitles can even be translated into any language using Google's Translation API. | ||
|
||
13 | ||
00:00:39 --> 00:00:42 | ||
As a bonus, the Flash and Silverlight fallbacks allow you to use FLV and WMV files. | ||
|
||
14 | ||
00:00:42 --> 00:00:45 | ||
Hope you like it. | ||
|
||
Come follow me at <a href="http://twitter.com/johndyer">twitter.com/johndyer</a> |