You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+2-2Lines changed: 2 additions & 2 deletions
Original file line number
Diff line number
Diff line change
@@ -42,7 +42,7 @@ In general, `MediaElement.js` supports **IE11+, MS Edge, Chrome, Firefox, Safari
42
42
43
43
## * IMPORTANT NOTE for Safari users (Jun 8, 2017)
44
44
45
-
Since Sierra version, `autoplay` policies have changed. You may experience an error if you try to execute `play`programatically or via `autoplay` attribute with MediaElement, unless `muted` attribute is specified.
45
+
Since Sierra version, `autoplay` policies have changed. You may experience an error if you try to execute `play`programmatically or via `autoplay` attribute with MediaElement, unless `muted` attribute is specified.
46
46
47
47
For more information, read https://webkit.org/blog/7734/auto-play-policy-changes-for-macos/
48
48
@@ -64,7 +64,7 @@ In order to successfully install `4.x` in an existing setup, you must consider t
64
64
65
65
2. By default, `MediaElement` has bundled native renderers, such as HLS, M(PEG)-DASH and FLV, as well as YouTube and Flash shims. **If you want to use any other renderer, you MUST refer to the `build/renderers` folder and add as many as you want**. Check `demo/index.html` for a better reference.
66
66
67
-
3. You **must** set up now the path for the Flash shims if they are not in the same folder as the JS files. To do this, set the path via the `pluginPath` configuration. In the same topic, if you need to support browsers with Javascript disabled, you **must** reference the correct Flash shim, since in `2.x` there was only a single Flash shim and in `3.x` it was split to target specific media types. Check the [Browsers with JavaScript disabled](docs/installation.md#disabled-javascript) section for more details.
67
+
3. You **must** set up now the path for the Flash shims if they are not in the same folder as the JS files. To do this, set the path via the `pluginPath` configuration. In the same topic, if you need to support browsers with JavaScript disabled, you **must** reference the correct Flash shim, since in `2.x` there was only a single Flash shim and in `3.x` it was split to target specific media types. Check the [Browsers with JavaScript disabled](docs/installation.md#disabled-javascript) section for more details.
68
68
69
69
4. If you want to use Flash shims from a CDN, do the change related to `pluginPath` setting the CDN's URL, and also setting `shimScriptAccess` configuration as **`always`**.
Copy file name to clipboardExpand all lines: changelog.md
+18-18Lines changed: 18 additions & 18 deletions
Original file line number
Diff line number
Diff line change
@@ -171,7 +171,7 @@
171
171
* Improved error system to catch more errors and present them to user @rafa8626
172
172
* Removed `mediaelementplayer` bundles, as well as `jQuery` file, considered unnecessary @rafa8626
173
173
* Added new middleware layer to allow interaction with other players @rafa8626
174
-
* Used flex-box to reduce calculation via Javascript on control bar (https://github.com/mediaelement/mediaelement/pull/2261) @marcobiedermann and @rafa8626
174
+
* Used flex-box to reduce calculation via JavaScript on control bar (https://github.com/mediaelement/mediaelement/pull/2261) @marcobiedermann and @rafa8626
175
175
* Fixed issue with events not being unbound when player is destroyed and removed unnecessary callbacks from it @rafa8626
176
176
* Added missing style for buffering element @rafa8626
177
177
* Removed conditional to disable control bar when an error happens @rafa8626
@@ -515,7 +515,7 @@
515
515
516
516
*2.23.5 (2017/01/06)*
517
517
518
-
* Fixed typo that caused Wordpress support for translations to be broken (#1984) @rafa8626
518
+
* Fixed typo that caused WordPress support for translations to be broken (#1984) @rafa8626
* Option to show the poster when the video is ended https://github.com/mediaelement/mediaelement/pull/891@LeResKP
855
855
* Fix for Chrome autoplaying when forcing Flash https://github.com/mediaelement/mediaelement/pull/889@tjsnyder
856
856
* Allow SWF to work over insecure domain https://github.com/mediaelement/mediaelement/pull/897@sebablanco
@@ -879,7 +879,7 @@
879
879
880
880
*2.11.3 (2013/04/13)*
881
881
882
-
* Change to `getScriptPath` to allow querystring variables to be added (for Wordpress Core)
882
+
* Change to `getScriptPath` to allow querystring variables to be added (for WordPress Core)
883
883
884
884
*2.11.2 (2013/04/12)*
885
885
@@ -900,7 +900,7 @@ Fixes and updates
900
900
* Protocol relative YouTube URLs for `iframe` API (https://github.com/mediaelement/mediaelement/pull/825) @dtsosie
901
901
* Added aria-label to all button elements (https://github.com/mediaelement/mediaelement/pull/824) @Luzifer
902
902
* Fixed preroll adclick URL (mediaelement)
903
-
* Traditional chinese locale strings for i18n module (latzt) (https://github.com/mediaelement/mediaelement/pull/820)
903
+
* Traditional Chinese locale strings for i18n module (latzt) (https://github.com/mediaelement/mediaelement/pull/820)
904
904
* Allow captions on audio player (https://github.com/mediaelement/mediaelement/pull/819) @LeResKP
905
905
* Fix incorrect path returned by `getScriptPath()`@Ciki
906
906
* Overhauling hover div creation and placement (https://github.com/mediaelement/mediaelement/pull/813) @JeffreyATW
@@ -924,7 +924,7 @@ Fixes and updates
924
924
* Properly clean up player when calling MediaElementPlayer.remove() (https://github.com/mediaelement/mediaelement/pull/779) @odnamrataizem
925
925
* Add "mejs-shim" class to all shims to prevent improper resizing (https://github.com/mediaelement/mediaelement/pull/789) @JeffreyATW
926
926
* Bug fix for the error "this.pluginApi.pauseMedia is not a function" when using the flash player and removing the dom element. https://github.com/mediaelement/mediaelement/pull/788@Jmaharman
927
-
* Make possible to open youtube links as audio only https://github.com/mediaelement/mediaelement/pull/784@Seb33300
927
+
* Make possible to open YouTube links as audio only https://github.com/mediaelement/mediaelement/pull/784@Seb33300
928
928
* Add a few basic Jasmine tests https://github.com/mediaelement/mediaelement/pull/781@msgilligan
929
929
* Add option to hide the video controls on load https://github.com/mediaelement/mediaelement/pull/780#issuecomment-14781622@eResKP
930
930
*@cc button can now be a toggle when there's just one track https://github.com/mediaelement/mediaelement/pull/793@LeResKP
@@ -1023,7 +1023,7 @@ Fixes and updates
1023
1023
*2.8.1 (2012/04/19)*
1024
1024
1025
1025
* Flash fullscreen: video not fullsized
1026
-
* Flash fullscreen: youtube controls not working
1026
+
* Flash fullscreen: YouTube controls not working
1027
1027
1028
1028
*2.8.0 (2012/04/17)*
1029
1029
@@ -1202,12 +1202,12 @@ Fixes and updates
1202
1202
* added alwaysShowControls option (kaichen)
1203
1203
* forceful padding override on buttons
1204
1204
* started "ender" branch to experiment with removing jQuery dependency and baking in ender.js
1205
-
* updated the use of `type`javascript option with src is present
1205
+
* updated the use of `type`JavaScript option with src is present
1206
1206
* remove preload="none" hack for Chrome now that it supports it (note: Chrome still strangely fires a 'loadstart' event)
1207
1207
* added hooks for other jQuery compatible libraries like @ender.js(http://enderjs.com)
1208
-
*Wordpress: if you don't specify a file extension, mejs will look for attached files and use them @video src="/wp-content/uploads/myfile"
1209
-
*Wordpress: option to select a 'skin'
1210
-
*Wordpress: option to select audio width/height
1208
+
*WordPress: if you don't specify a file extension, mejs will look for attached files and use them @video src="/wp-content/uploads/myfile"
1209
+
*WordPress: option to select a 'skin'
1210
+
*WordPress: option to select audio width/height
1211
1211
1212
1212
*2.1.6 (2011/06/14) - 35.5kb*
1213
1213
@@ -1282,7 +1282,7 @@ Fixes and updates
1282
1282
1283
1283
* Whitespace cleanup on files
1284
1284
* Preventing flash/sl plugins from reinitializing when they are removed by another script
1285
-
* Fixed IE JavaScript errors in Flash fallback (seen in Wordpress)
1285
+
* Fixed IE JavaScript errors in Flash fallback (seen in WordPress)
1286
1286
* Added 'play' event to Silverlight to prevent errors
1287
1287
1288
1288
*2.0.5 (2011/01/25) - 31.7kb*
@@ -1315,7 +1315,7 @@ Fixes and updates
1315
1315
1316
1316
* Changed HTML escape method to encodeURICompnent
1317
1317
* Flash-based RMTP support (contributor: sylvinus)
1318
-
* Fixed Wordpress loop bug
1318
+
* Fixed WordPress loop bug
1319
1319
* Changed time popup to move with mouse instead of currentTime
1320
1320
* added enablePluginSmoothing (Flash)
1321
1321
* Added some "play" "playing" event duplication to Flash
Copy file name to clipboardExpand all lines: docs/api.md
+1-1Lines changed: 1 addition & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -134,7 +134,7 @@ tracksAriaLive | boolean | `false` | By default, no WAI-ARIA live region - don't
134
134
hideCaptionsButtonWhenEmpty | boolean | `true` | Option to remove the `[cc]` button when no `<track kind="subtitles">` are present
135
135
toggleCaptionsButtonWhenOnlyOne | boolean | `false` | If true and we only have one track, change captions to toggle button
136
136
startLanguage | string | _(empty)_ | Automatically turn on a `<track>` element. Note: Will not work when toggleCaptionsButtonWhenOnlyOne is set to `true`
137
-
slidesSelector | string | _(empty)_ | Selector for slides; could be any valid Javascript selector (`#id`, `.class`, `img`, etc.)
137
+
slidesSelector | string | _(empty)_ | Selector for slides; could be any valid JavaScript selector (`#id`, `.class`, `img`, etc.)
138
138
tracksText | string | `null` | Title for Closed Captioning button for WARIA purposes
139
139
chaptersText | string | `null` | Title for Chapters button for WARIA purposes
140
140
muteText | string | `null` | Title for Mute button for WARIA purposes
If you wish to install the sources in different directories (i.e., all Javascript files in a _js_, all CSS in a _styles_, Flash shims in _plugins_, etc.), add the following CSS update after the _mediaelementplayer.css_ reference (**only if the images are not in the same folder as the stylesheet**):
332
+
If you wish to install the sources in different directories (i.e., all JavaScript files in a _js_, all CSS in a _styles_, Flash shims in _plugins_, etc.), add the following CSS update after the _mediaelementplayer.css_ reference (**only if the images are not in the same folder as the stylesheet**):
Copy file name to clipboardExpand all lines: docs/usage.md
+8-8Lines changed: 8 additions & 8 deletions
Original file line number
Diff line number
Diff line change
@@ -4,7 +4,7 @@
4
4
* [Automatic start](#automatic)
5
5
* [Vanilla JavaScript](#vanilla)
6
6
* [jQuery](#jquery)
7
-
* [NPM/Meteor](#npm-meteor)
7
+
* [npm/Meteor](#npm-meteor)
8
8
* [RequireJS](#requirejs)
9
9
* [React](#react)
10
10
*[Use Renderers](#renderers-usage)
@@ -78,7 +78,7 @@ You can avoid running any startup scripts by adding `class="mejs__player"` to th
78
78
```
79
79
80
80
<aid="npm-meteor"></a>
81
-
### NPM/Meteor
81
+
### npm/Meteor
82
82
```javascript
83
83
// To import only MediaElement class
84
84
import'mediaelement/standalone';
@@ -117,7 +117,7 @@ import 'mediaelement'; // or import `mediaelement/standalone` if you only want t
117
117
### RequireJS
118
118
With `Require.js`, you will need the following setup if you are planning to use HLS, M(PEG)-DASH or FLV, given the way the packages are bundled.
119
119
120
-
To make it work, install via NPM any of the external libraries you will need (i.e., HLS.js).
120
+
To make it work, install via npm any of the external libraries you will need (i.e., HLS.js).
121
121
```
122
122
npm install hls.js
123
123
```
@@ -151,7 +151,7 @@ require(['path/to/hls'], function (Hls) {
151
151
### React
152
152
With `React.js`, you will need to install the external libraries the same way as `Require`.
153
153
154
-
Once installed through NPM, you will be able to create your component using `MediaElement`. As an example:
154
+
Once installed through npm, you will be able to create your component using `MediaElement`. As an example:
155
155
156
156
**MediaElement.js**
157
157
```javascript
@@ -299,7 +299,7 @@ module: {
299
299
]
300
300
}
301
301
```
302
-
* For other renderers that cannot be installed through NPM, such as YouTube, you might need to load their script through `componentDidMount` method:
302
+
* For other renderers that cannot be installed through npm, such as YouTube, you might need to load their script through `componentDidMount` method:
303
303
```javascript
304
304
componentDidMount() {
305
305
let loaded =false;
@@ -406,7 +406,7 @@ i.e., to call `FRAGMENT_PLAYING`, you need to write `onFragmentPlaying` on JS. T
406
406
*`ogg` formats will not play consistently in all browsers so it is strongly recommended a MP3 fallback for audio, or MP4 for video.
407
407
*`wav` and `webm` formats will only play on Browsers that support it natively since there is currently no Flash fallback to allow them to play in other browsers.
408
408
*`flv` and `mpd` will not work on iOS since it doesn't support MSE; for `mpd` use a `m3u8` fallback.
409
-
*Soundcloud can play with `html5` renderer using the following URL format: `https://api.soundcloud.com/tracks/XXX/stream?client_id=XXX`
409
+
*SoundCloud can play with `html5` renderer using the following URL format: `https://api.soundcloud.com/tracks/XXX/stream?client_id=XXX`
410
410
411
411
412
412
<aid="streching-modes"></a>
@@ -417,15 +417,15 @@ i.e., to call `FRAGMENT_PLAYING`, you need to write `onFragmentPlaying` on JS. T
417
417
Mode | Setup
418
418
---- | -------
419
419
auto | Mode by default, this mode checks if there are any elements in the `video`/`audio` tag to turn the _responsive_ mode; if not, will set it up in _none_ mode.
420
-
responsive | Can be turned on by setting `max-width: 100%` style (inline, or in the stylesheet), or `width="100%" height="100%"` attributes in the `video`/`audio` tag. In Javascript, set in the player's configuration `stretching: 'responsive'` (preferred) or `videoWidth: '100%' videoHeight: '100%'`.
420
+
responsive | Can be turned on by setting `max-width: 100%` style (inline, or in the stylesheet), or `width="100%" height="100%"` attributes in the `video`/`audio` tag. In JavaScript, set in the player's configuration `stretching: 'responsive'` (preferred) or `videoWidth: '100%' videoHeight: '100%'`.
421
421
fill | This mode will crop the video to adapt it to the dimensions of the parent container by only setting up `stretching: 'fill'`. It is encouraged to set up the parent's `height` to `100%` to make it work as expected.
422
422
none | Use `width` and `height` attributes specified in the `video`/`audio` tags and no `max-width: 100%` or `width="100%" height="100%"` attributes; otherwise, use the `stretching: 'none'` configuration element to achieve this.
423
423
424
424
425
425
<aid="grid"></a>
426
426
## Responsive grid
427
427
428
-
Since `MediaElement` can adapt its size to be responsive, some might be tempted to use CSS or Javascript to create a responsive grid of videos.
428
+
Since `MediaElement` can adapt its size to be responsive, some might be tempted to use CSS or JavaScript to create a responsive grid of videos.
429
429
430
430
So far, right now the best plugin to be used with `MediaElement` for this task has been [Flexr](http://flexrgrid.com/).
0 commit comments