webshims-rails 0.4.3 → 0.4.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (124) hide show
  1. data/lib/webshims-rails/version.rb +2 -2
  2. data/vendor/assets/javascripts/webshims/extras/custom-validity.js +261 -261
  3. data/vendor/assets/javascripts/webshims/extras/modernizr-custom.js +534 -534
  4. data/vendor/assets/javascripts/webshims/extras/mousepress.js +60 -60
  5. data/vendor/assets/javascripts/webshims/minified/extras/custom-validity.js +1 -1
  6. data/vendor/assets/javascripts/webshims/minified/polyfiller.js +24 -24
  7. data/vendor/assets/javascripts/webshims/minified/shims/FlashCanvasPro/README +82 -82
  8. data/vendor/assets/javascripts/webshims/minified/shims/combos/1.js +35 -34
  9. data/vendor/assets/javascripts/webshims/minified/shims/combos/10.js +79 -82
  10. data/vendor/assets/javascripts/webshims/minified/shims/combos/11.js +45 -44
  11. data/vendor/assets/javascripts/webshims/minified/shims/combos/12.js +43 -42
  12. data/vendor/assets/javascripts/webshims/minified/shims/combos/13.js +28 -27
  13. data/vendor/assets/javascripts/webshims/minified/shims/combos/15.js +4 -4
  14. data/vendor/assets/javascripts/webshims/minified/shims/combos/16.js +57 -59
  15. data/vendor/assets/javascripts/webshims/minified/shims/combos/17.js +64 -66
  16. data/vendor/assets/javascripts/webshims/minified/shims/combos/18.js +53 -54
  17. data/vendor/assets/javascripts/webshims/minified/shims/combos/19.js +64 -66
  18. data/vendor/assets/javascripts/webshims/minified/shims/combos/2.js +72 -73
  19. data/vendor/assets/javascripts/webshims/minified/shims/combos/20.js +42 -46
  20. data/vendor/assets/javascripts/webshims/minified/shims/combos/21.js +52 -50
  21. data/vendor/assets/javascripts/webshims/minified/shims/combos/22.js +55 -59
  22. data/vendor/assets/javascripts/webshims/minified/shims/combos/23.js +66 -64
  23. data/vendor/assets/javascripts/webshims/minified/shims/combos/24.js +80 -82
  24. data/vendor/assets/javascripts/webshims/minified/shims/combos/25.js +60 -59
  25. data/vendor/assets/javascripts/webshims/minified/shims/combos/26.js +79 -81
  26. data/vendor/assets/javascripts/webshims/minified/shims/combos/27.js +101 -104
  27. data/vendor/assets/javascripts/webshims/minified/shims/combos/3.js +94 -95
  28. data/vendor/assets/javascripts/webshims/minified/shims/combos/4.js +26 -29
  29. data/vendor/assets/javascripts/webshims/minified/shims/combos/5.js +33 -36
  30. data/vendor/assets/javascripts/webshims/minified/shims/combos/59.js +51 -54
  31. data/vendor/assets/javascripts/webshims/minified/shims/combos/6.js +27 -28
  32. data/vendor/assets/javascripts/webshims/minified/shims/combos/7.js +27 -28
  33. data/vendor/assets/javascripts/webshims/minified/shims/combos/8.js +39 -38
  34. data/vendor/assets/javascripts/webshims/minified/shims/combos/9.js +65 -68
  35. data/vendor/assets/javascripts/webshims/minified/shims/details.js +4 -4
  36. data/vendor/assets/javascripts/webshims/minified/shims/dom-extend.js +23 -22
  37. data/vendor/assets/javascripts/webshims/minified/shims/form-core.js +19 -22
  38. data/vendor/assets/javascripts/webshims/minified/shims/form-datalist.js +14 -14
  39. data/vendor/assets/javascripts/webshims/minified/shims/form-number-date-api.js +9 -9
  40. data/vendor/assets/javascripts/webshims/minified/shims/form-number-date-ui.js +18 -19
  41. data/vendor/assets/javascripts/webshims/minified/shims/form-shim-extend.js +45 -43
  42. data/vendor/assets/javascripts/webshims/minified/shims/i18n/errormessages-de.txt +33 -33
  43. data/vendor/assets/javascripts/webshims/minified/shims/i18n/errormessages-en.txt +34 -34
  44. data/vendor/assets/javascripts/webshims/minified/shims/mediaelement-core.js +12 -12
  45. data/vendor/assets/javascripts/webshims/minified/shims/mediaelement-jaris.js +23 -0
  46. data/vendor/assets/javascripts/webshims/minified/shims/mediaelement-native-fix.js +1 -1
  47. data/vendor/assets/javascripts/webshims/minified/shims/mediaelement-swf.js +26 -30
  48. data/vendor/assets/javascripts/webshims/minified/shims/mediaelement-yt.js +3 -3
  49. data/vendor/assets/javascripts/webshims/minified/shims/styles/shim.css +689 -686
  50. data/vendor/assets/javascripts/webshims/minified/shims/swf/JarisFLVPlayer.swf +0 -0
  51. data/vendor/assets/javascripts/webshims/minified/shims/track-ui.js +9 -9
  52. data/vendor/assets/javascripts/webshims/minified/shims/track.js +21 -21
  53. data/vendor/assets/javascripts/webshims/polyfiller.js +1191 -1175
  54. data/vendor/assets/javascripts/webshims/shims/combos/1.js +1754 -1714
  55. data/vendor/assets/javascripts/webshims/shims/combos/10.js +3247 -3320
  56. data/vendor/assets/javascripts/webshims/shims/combos/11.js +1633 -1588
  57. data/vendor/assets/javascripts/webshims/shims/combos/12.js +1636 -1591
  58. data/vendor/assets/javascripts/webshims/shims/combos/13.js +1100 -1058
  59. data/vendor/assets/javascripts/webshims/shims/combos/14.js +476 -476
  60. data/vendor/assets/javascripts/webshims/shims/combos/15.js +316 -314
  61. data/vendor/assets/javascripts/webshims/shims/combos/16.js +2094 -2104
  62. data/vendor/assets/javascripts/webshims/shims/combos/17.js +2258 -2267
  63. data/vendor/assets/javascripts/webshims/shims/combos/18.js +1380 -1364
  64. data/vendor/assets/javascripts/webshims/shims/combos/19.js +2239 -2247
  65. data/vendor/assets/javascripts/webshims/shims/combos/2.js +2339 -2294
  66. data/vendor/assets/javascripts/webshims/shims/combos/20.js +1493 -1606
  67. data/vendor/assets/javascripts/webshims/shims/combos/21.js +1733 -1635
  68. data/vendor/assets/javascripts/webshims/shims/combos/22.js +2295 -2408
  69. data/vendor/assets/javascripts/webshims/shims/combos/23.js +2269 -2168
  70. data/vendor/assets/javascripts/webshims/shims/combos/24.js +2775 -2780
  71. data/vendor/assets/javascripts/webshims/shims/combos/25.js +1505 -1456
  72. data/vendor/assets/javascripts/webshims/shims/combos/26.js +2111 -2115
  73. data/vendor/assets/javascripts/webshims/shims/combos/27.js +3264 -3331
  74. data/vendor/assets/javascripts/webshims/shims/combos/3.js +3020 -2970
  75. data/vendor/assets/javascripts/webshims/shims/combos/4.js +770 -822
  76. data/vendor/assets/javascripts/webshims/shims/combos/5.js +1025 -1077
  77. data/vendor/assets/javascripts/webshims/shims/combos/59.js +1706 -1753
  78. data/vendor/assets/javascripts/webshims/shims/combos/6.js +444 -433
  79. data/vendor/assets/javascripts/webshims/shims/combos/7.js +699 -688
  80. data/vendor/assets/javascripts/webshims/shims/combos/8.js +1488 -1445
  81. data/vendor/assets/javascripts/webshims/shims/combos/9.js +2445 -2518
  82. data/vendor/assets/javascripts/webshims/shims/details.js +148 -146
  83. data/vendor/assets/javascripts/webshims/shims/dom-extend.js +952 -912
  84. data/vendor/assets/javascripts/webshims/shims/es5.js +802 -802
  85. data/vendor/assets/javascripts/webshims/shims/excanvas.js +924 -924
  86. data/vendor/assets/javascripts/webshims/shims/form-core.js +606 -659
  87. data/vendor/assets/javascripts/webshims/shims/form-datalist.js +681 -676
  88. data/vendor/assets/javascripts/webshims/shims/form-message.js +164 -163
  89. data/vendor/assets/javascripts/webshims/shims/form-native-extend.js +255 -255
  90. data/vendor/assets/javascripts/webshims/shims/form-number-date-api.js +383 -383
  91. data/vendor/assets/javascripts/webshims/shims/form-number-date-ui.js +61 -50
  92. data/vendor/assets/javascripts/webshims/shims/form-shim-extend.js +1569 -1472
  93. data/vendor/assets/javascripts/webshims/shims/geolocation.js +168 -168
  94. data/vendor/assets/javascripts/webshims/shims/i18n/errormessages-ar.js +32 -32
  95. data/vendor/assets/javascripts/webshims/shims/i18n/errormessages-ch-ZN.js +32 -32
  96. data/vendor/assets/javascripts/webshims/shims/i18n/errormessages-de.txt +33 -33
  97. data/vendor/assets/javascripts/webshims/shims/i18n/errormessages-el.js +32 -32
  98. data/vendor/assets/javascripts/webshims/shims/i18n/errormessages-en.txt +34 -34
  99. data/vendor/assets/javascripts/webshims/shims/i18n/errormessages-es.js +31 -31
  100. data/vendor/assets/javascripts/webshims/shims/i18n/errormessages-fr.js +32 -32
  101. data/vendor/assets/javascripts/webshims/shims/i18n/errormessages-he.js +32 -32
  102. data/vendor/assets/javascripts/webshims/shims/i18n/errormessages-hi.js +32 -32
  103. data/vendor/assets/javascripts/webshims/shims/i18n/errormessages-hu.js +32 -32
  104. data/vendor/assets/javascripts/webshims/shims/i18n/errormessages-it.js +32 -32
  105. data/vendor/assets/javascripts/webshims/shims/i18n/errormessages-ja.js +32 -32
  106. data/vendor/assets/javascripts/webshims/shims/i18n/errormessages-nl.js +32 -32
  107. data/vendor/assets/javascripts/webshims/shims/i18n/errormessages-pt-PT.js +32 -32
  108. data/vendor/assets/javascripts/webshims/shims/i18n/errormessages-ru.js +31 -31
  109. data/vendor/assets/javascripts/webshims/shims/i18n/errormessages-sv.js +32 -32
  110. data/vendor/assets/javascripts/webshims/shims/json-storage.js +308 -308
  111. data/vendor/assets/javascripts/webshims/shims/mediaelement-core.js +536 -533
  112. data/vendor/assets/javascripts/webshims/shims/mediaelement-jaris.js +861 -0
  113. data/vendor/assets/javascripts/webshims/shims/mediaelement-native-fix.js +98 -98
  114. data/vendor/assets/javascripts/webshims/shims/mediaelement-swf.js +957 -1073
  115. data/vendor/assets/javascripts/webshims/shims/mediaelement-yt.js +543 -543
  116. data/vendor/assets/javascripts/webshims/shims/styles/shim.css +689 -686
  117. data/vendor/assets/javascripts/webshims/shims/swf/JarisFLVPlayer.swf +0 -0
  118. data/vendor/assets/javascripts/webshims/shims/track-ui.js +9 -8
  119. data/vendor/assets/javascripts/webshims/shims/track.js +17 -11
  120. metadata +6 -6
  121. data/vendor/assets/javascripts/webshims/minified/shims/form-native-fix.js +0 -7
  122. data/vendor/assets/javascripts/webshims/shims/FlashCanvas/README +0 -62
  123. data/vendor/assets/javascripts/webshims/shims/FlashCanvasPro/README +0 -82
  124. data/vendor/assets/javascripts/webshims/shims/form-native-fix.js +0 -261
@@ -1,2519 +1,2446 @@
1
- //DOM-Extension helper
2
- jQuery.webshims.register('dom-extend', function($, webshims, window, document, undefined){
3
- "use strict";
4
- //shortcus
5
- var modules = webshims.modules;
6
- var listReg = /\s*,\s*/;
7
-
8
- //proxying attribute
9
- var olds = {};
10
- var havePolyfill = {};
11
- var extendedProps = {};
12
- var extendQ = {};
13
- var modifyProps = {};
14
-
15
- var oldVal = $.fn.val;
16
- var singleVal = function(elem, name, val, pass, _argless){
17
- return (_argless) ? oldVal.call($(elem)) : oldVal.call($(elem), val);
18
- };
19
- $.fn.val = function(val){
20
- var elem = this[0];
21
- if(arguments.length && val == null){
22
- val = '';
23
- }
24
- if(!arguments.length){
25
- if(!elem || elem.nodeType !== 1){return oldVal.call(this);}
26
- return $.prop(elem, 'value', val, 'val', true);
27
- }
28
- if($.isArray(val)){
29
- return oldVal.apply(this, arguments);
30
- }
31
- var isFunction = $.isFunction(val);
32
- return this.each(function(i){
33
- elem = this;
34
- if(elem.nodeType === 1){
35
- if(isFunction){
36
- var genVal = val.call( elem, i, $.prop(elem, 'value', undefined, 'val', true));
37
- if(genVal == null){
38
- genVal = '';
39
- }
40
- $.prop(elem, 'value', genVal, 'val') ;
41
- } else {
42
- $.prop(elem, 'value', val, 'val');
43
- }
44
- }
45
- });
46
- };
47
-
48
- var dataID = '_webshimsLib'+ (Math.round(Math.random() * 1000));
49
- var elementData = function(elem, key, val){
50
- elem = elem.jquery ? elem[0] : elem;
51
- if(!elem){return val || {};}
52
- var data = $.data(elem, dataID);
53
- if(val !== undefined){
54
- if(!data){
55
- data = $.data(elem, dataID, {});
56
- }
57
- if(key){
58
- data[key] = val;
59
- }
60
- }
61
-
62
- return key ? data && data[key] : data;
63
- };
64
-
65
-
66
- [{name: 'getNativeElement', prop: 'nativeElement'}, {name: 'getShadowElement', prop: 'shadowElement'}, {name: 'getShadowFocusElement', prop: 'shadowFocusElement'}].forEach(function(data){
67
- $.fn[data.name] = function(){
68
- return this.map(function(){
69
- var shadowData = elementData(this, 'shadowData');
70
- return shadowData && shadowData[data.prop] || this;
71
- });
72
- };
73
- });
74
-
75
-
76
- ['removeAttr', 'prop', 'attr'].forEach(function(type){
77
- olds[type] = $[type];
78
- $[type] = function(elem, name, value, pass, _argless){
79
- var isVal = (pass == 'val');
80
- var oldMethod = !isVal ? olds[type] : singleVal;
81
- if( !elem || !havePolyfill[name] || elem.nodeType !== 1 || (!isVal && pass && type == 'attr' && $.attrFn[name]) ){
82
- return oldMethod(elem, name, value, pass, _argless);
83
- }
84
-
85
- var nodeName = (elem.nodeName || '').toLowerCase();
86
- var desc = extendedProps[nodeName];
87
- var curType = (type == 'attr' && (value === false || value === null)) ? 'removeAttr' : type;
88
- var propMethod;
89
- var oldValMethod;
90
- var ret;
91
-
92
-
93
- if(!desc){
94
- desc = extendedProps['*'];
95
- }
96
- if(desc){
97
- desc = desc[name];
98
- }
99
-
100
- if(desc){
101
- propMethod = desc[curType];
102
- }
103
-
104
- if(propMethod){
105
- if(name == 'value'){
106
- oldValMethod = propMethod.isVal;
107
- propMethod.isVal = isVal;
108
- }
109
- if(curType === 'removeAttr'){
110
- return propMethod.value.call(elem);
111
- } else if(value === undefined){
112
- return (propMethod.get) ?
113
- propMethod.get.call(elem) :
114
- propMethod.value
115
- ;
116
- } else if(propMethod.set) {
117
- if(type == 'attr' && value === true){
118
- value = name;
119
- }
120
-
121
- ret = propMethod.set.call(elem, value);
122
- }
123
- if(name == 'value'){
124
- propMethod.isVal = oldValMethod;
125
- }
126
- } else {
127
- ret = oldMethod(elem, name, value, pass, _argless);
128
- }
129
- if((value !== undefined || curType === 'removeAttr') && modifyProps[nodeName] && modifyProps[nodeName][name]){
130
-
131
- var boolValue;
132
- if(curType == 'removeAttr'){
133
- boolValue = false;
134
- } else if(curType == 'prop'){
135
- boolValue = !!(value);
136
- } else {
137
- boolValue = true;
138
- }
139
-
140
- modifyProps[nodeName][name].forEach(function(fn){
141
- if(!fn.only || (fn.only = 'prop' && type == 'prop') || (fn.only == 'attr' && type != 'prop')){
142
- fn.call(elem, value, boolValue, (isVal) ? 'val' : curType, type);
143
- }
144
- });
145
- }
146
- return ret;
147
- };
148
-
149
- extendQ[type] = function(nodeName, prop, desc){
150
-
151
- if(!extendedProps[nodeName]){
152
- extendedProps[nodeName] = {};
153
- }
154
- if(!extendedProps[nodeName][prop]){
155
- extendedProps[nodeName][prop] = {};
156
- }
157
- var oldDesc = extendedProps[nodeName][prop][type];
158
- var getSup = function(propType, descriptor, oDesc){
159
- if(descriptor && descriptor[propType]){
160
- return descriptor[propType];
161
- }
162
- if(oDesc && oDesc[propType]){
163
- return oDesc[propType];
164
- }
165
- if(type == 'prop' && prop == 'value'){
166
- return function(value){
167
- var elem = this;
168
- return (desc.isVal) ?
169
- singleVal(elem, prop, value, false, (arguments.length === 0)) :
170
- olds[type](elem, prop, value)
171
- ;
172
- };
173
- }
174
- if(type == 'prop' && propType == 'value' && desc.value.apply){
175
- return function(value){
176
- var sup = olds[type](this, prop);
177
- if(sup && sup.apply){
178
- sup = sup.apply(this, arguments);
179
- }
180
- return sup;
181
- };
182
- }
183
- return function(value){
184
- return olds[type](this, prop, value);
185
- };
186
- };
187
- extendedProps[nodeName][prop][type] = desc;
188
- if(desc.value === undefined){
189
- if(!desc.set){
190
- desc.set = desc.writeable ?
191
- getSup('set', desc, oldDesc) :
192
- (webshims.cfg.useStrict && prop == 'prop') ?
193
- function(){throw(prop +' is readonly on '+ nodeName);} :
194
- $.noop
195
- ;
196
- }
197
- if(!desc.get){
198
- desc.get = getSup('get', desc, oldDesc);
199
- }
200
-
201
- }
202
-
203
- ['value', 'get', 'set'].forEach(function(descProp){
204
- if(desc[descProp]){
205
- desc['_sup'+descProp] = getSup(descProp, oldDesc);
206
- }
207
- });
208
- };
209
-
210
- });
211
-
212
- //see also: https://github.com/lojjic/PIE/issues/40 | https://prototype.lighthouseapp.com/projects/8886/tickets/1107-ie8-fatal-crash-when-prototypejs-is-loaded-with-rounded-cornershtc
213
- var isExtendNativeSave = (!$.browser.msie || parseInt($.browser.version, 10) > 8);
214
- var extendNativeValue = (function(){
215
- var UNKNOWN = webshims.getPrototypeOf(document.createElement('foobar'));
216
- var has = Object.prototype.hasOwnProperty;
217
- return function(nodeName, prop, desc){
218
- var elem = document.createElement(nodeName);
219
- var elemProto = webshims.getPrototypeOf(elem);
220
- if( isExtendNativeSave && elemProto && UNKNOWN !== elemProto && ( !elem[prop] || !has.call(elem, prop) ) ){
221
- var sup = elem[prop];
222
- desc._supvalue = function(){
223
- if(sup && sup.apply){
224
- return sup.apply(this, arguments);
225
- }
226
- return sup;
227
- };
228
- elemProto[prop] = desc.value;
229
- } else {
230
- desc._supvalue = function(){
231
- var data = elementData(this, 'propValue');
232
- if(data && data[prop] && data[prop].apply){
233
- return data[prop].apply(this, arguments);
234
- }
235
- return data && data[prop];
236
- };
237
- initProp.extendValue(nodeName, prop, desc.value);
238
- }
239
- desc.value._supvalue = desc._supvalue;
240
- };
241
- })();
242
-
243
- var initProp = (function(){
244
-
245
- var initProps = {};
246
-
247
- webshims.addReady(function(context, contextElem){
248
- var nodeNameCache = {};
249
- var getElementsByName = function(name){
250
- if(!nodeNameCache[name]){
251
- nodeNameCache[name] = $(context.getElementsByTagName(name));
252
- if(contextElem[0] && $.nodeName(contextElem[0], name)){
253
- nodeNameCache[name] = nodeNameCache[name].add(contextElem);
254
- }
255
- }
256
- };
257
-
258
-
259
- $.each(initProps, function(name, fns){
260
- getElementsByName(name);
261
- if(!fns || !fns.forEach){
262
- webshims.warn('Error: with '+ name +'-property. methods: '+ fns);
263
- return;
264
- }
265
- fns.forEach(function(fn){
266
- nodeNameCache[name].each(fn);
267
- });
268
- });
269
- nodeNameCache = null;
270
- });
271
-
272
- var tempCache;
273
- var emptyQ = $([]);
274
- var createNodeNameInit = function(nodeName, fn){
275
- if(!initProps[nodeName]){
276
- initProps[nodeName] = [fn];
277
- } else {
278
- initProps[nodeName].push(fn);
279
- }
280
- if($.isDOMReady){
281
- (tempCache || $( document.getElementsByTagName(nodeName) )).each(fn);
282
- }
283
- };
284
-
285
- var elementExtends = {};
286
- return {
287
- createTmpCache: function(nodeName){
288
- if($.isDOMReady){
289
- tempCache = tempCache || $( document.getElementsByTagName(nodeName) );
290
- }
291
- return tempCache || emptyQ;
292
- },
293
- flushTmpCache: function(){
294
- tempCache = null;
295
- },
296
- content: function(nodeName, prop){
297
- createNodeNameInit(nodeName, function(){
298
- var val = $.attr(this, prop);
299
- if(val != null){
300
- $.attr(this, prop, val);
301
- }
302
- });
303
- },
304
- createElement: function(nodeName, fn){
305
- createNodeNameInit(nodeName, fn);
306
- },
307
- extendValue: function(nodeName, prop, value){
308
- createNodeNameInit(nodeName, function(){
309
- $(this).each(function(){
310
- var data = elementData(this, 'propValue', {});
311
- data[prop] = this[prop];
312
- this[prop] = value;
313
- });
314
- });
315
- }
316
- };
317
- })();
318
-
319
- var createPropDefault = function(descs, removeType){
320
- if(descs.defaultValue === undefined){
321
- descs.defaultValue = '';
322
- }
323
- if(!descs.removeAttr){
324
- descs.removeAttr = {
325
- value: function(){
326
- descs[removeType || 'prop'].set.call(this, descs.defaultValue);
327
- descs.removeAttr._supvalue.call(this);
328
- }
329
- };
330
- }
331
- if(!descs.attr){
332
- descs.attr = {};
333
- }
334
- };
335
-
336
- $.extend(webshims, {
337
-
338
- getID: (function(){
339
- var ID = new Date().getTime();
340
- return function(elem){
341
- elem = $(elem);
342
- var id = elem.attr('id');
343
- if(!id){
344
- ID++;
345
- id = 'ID-'+ ID;
346
- elem.attr('id', id);
347
- }
348
- return id;
349
- };
350
- })(),
351
- extendUNDEFProp: function(obj, props){
352
- $.each(props, function(name, prop){
353
- if( !(name in obj) ){
354
- obj[name] = prop;
355
- }
356
- });
357
- },
358
- //http://www.w3.org/TR/html5/common-dom-interfaces.html#reflect
359
- createPropDefault: createPropDefault,
360
- data: elementData,
361
- moveToFirstEvent: (function(){
362
- var getData = $._data ? '_data' : 'data';
363
- return function(elem, eventType, bindType){
364
- var events = ($[getData](elem, 'events') || {})[eventType];
365
- var fn;
366
-
367
- if(events && events.length > 1){
368
- fn = events.pop();
369
- if(!bindType){
370
- bindType = 'bind';
371
- }
372
- if(bindType == 'bind' && events.delegateCount){
373
- events.splice( events.delegateCount, 0, fn);
374
- } else {
375
- events.unshift( fn );
376
- }
377
-
378
-
379
- }
380
- elem = null;
381
- };
382
- })(),
383
- addShadowDom: (function(){
384
- var resizeTimer;
385
- var lastHeight;
386
- var lastWidth;
387
- var handler;
388
- var docObserve = {
389
- init: false,
390
- start: function(){
391
- if(!this.init && document.body){
392
- this.init = true;
393
- this.height = $(document).height();
394
- this.width = $(document).width();
395
- setInterval(function(){
396
- var height = $(document).height();
397
- var width = $(document).width();
398
- if(height != docObserve.height || width != docObserve.width){
399
- docObserve.height = height;
400
- docObserve.width = width;
401
- handler({type: 'docresize'});
402
- }
403
- }, 600);
404
- }
405
- }
406
- };
407
-
408
- handler = function(e){
409
- clearTimeout(resizeTimer);
410
- resizeTimer = setTimeout(function(){
411
- if(e.type == 'resize'){
412
- var width = $(window).width();
413
- var height = $(window).width();
414
- if(height == lastHeight && width == lastWidth){
415
- return;
416
- }
417
- lastHeight = height;
418
- lastWidth = width;
419
- if(document.body){
420
- docObserve.height = $(document).height();
421
- docObserve.width = $(document).width();
422
- }
423
- }
424
- $.event.trigger('updateshadowdom');
425
- }, 40);
426
- };
427
- $(window).bind('resize', handler);
428
-
429
- $.event.customEvent.updateshadowdom = true;
430
-
431
- return function(nativeElem, shadowElem, opts){
432
- opts = opts || {};
433
- if(nativeElem.jquery){
434
- nativeElem = nativeElem[0];
435
- }
436
- if(shadowElem.jquery){
437
- shadowElem = shadowElem[0];
438
- }
439
- var nativeData = $.data(nativeElem, dataID) || $.data(nativeElem, dataID, {});
440
- var shadowData = $.data(shadowElem, dataID) || $.data(shadowElem, dataID, {});
441
- var shadowFocusElementData = {};
442
- if(!opts.shadowFocusElement){
443
- opts.shadowFocusElement = shadowElem;
444
- } else if(opts.shadowFocusElement){
445
- if(opts.shadowFocusElement.jquery){
446
- opts.shadowFocusElement = opts.shadowFocusElement[0];
447
- }
448
- shadowFocusElementData = $.data(opts.shadowFocusElement, dataID) || $.data(opts.shadowFocusElement, dataID, shadowFocusElementData);
449
- }
450
-
451
- nativeData.hasShadow = shadowElem;
452
- shadowFocusElementData.nativeElement = shadowData.nativeElement = nativeElem;
453
- shadowFocusElementData.shadowData = shadowData.shadowData = nativeData.shadowData = {
454
- nativeElement: nativeElem,
455
- shadowElement: shadowElem,
456
- shadowFocusElement: opts.shadowFocusElement
457
- };
458
- if(opts.shadowChilds){
459
- opts.shadowChilds.each(function(){
460
- elementData(this, 'shadowData', shadowData.shadowData);
461
- });
462
- }
463
-
464
- if(opts.data){
465
- shadowFocusElementData.shadowData.data = shadowData.shadowData.data = nativeData.shadowData.data = opts.data;
466
- }
467
- opts = null;
468
- webshims.ready('DOM', function(){
469
- docObserve.start();
470
- });
471
- }
472
- })(),
473
- propTypes: {
474
- standard: function(descs, name){
475
- createPropDefault(descs);
476
- if(descs.prop){return;}
477
- descs.prop = {
478
- set: function(val){
479
- descs.attr.set.call(this, ''+val);
480
- },
481
- get: function(){
482
- return descs.attr.get.call(this) || descs.defaultValue;
483
- }
484
- };
485
-
486
- },
487
- "boolean": function(descs, name){
488
-
489
- createPropDefault(descs);
490
- if(descs.prop){return;}
491
- descs.prop = {
492
- set: function(val){
493
- if(val){
494
- descs.attr.set.call(this, "");
495
- } else {
496
- descs.removeAttr.value.call(this);
497
- }
498
- },
499
- get: function(){
500
- return descs.attr.get.call(this) != null;
501
- }
502
- };
503
- },
504
- "src": (function(){
505
- var anchor = document.createElement('a');
506
- anchor.style.display = "none";
507
- return function(descs, name){
508
-
509
- createPropDefault(descs);
510
- if(descs.prop){return;}
511
- descs.prop = {
512
- set: function(val){
513
- descs.attr.set.call(this, val);
514
- },
515
- get: function(){
516
- var href = this.getAttribute(name);
517
- var ret;
518
- if(href == null){return '';}
519
-
520
- anchor.setAttribute('href', href+'' );
521
-
522
- if(!$.support.hrefNormalized){
523
- try {
524
- $(anchor).insertAfter(this);
525
- ret = anchor.getAttribute('href', 4);
526
- } catch(er){
527
- ret = anchor.getAttribute('href', 4);
528
- }
529
- $(anchor).detach();
530
- }
531
- return ret || anchor.href;
532
- }
533
- };
534
- };
535
- })(),
536
- enumarated: function(descs, name){
537
-
538
- createPropDefault(descs);
539
- if(descs.prop){return;}
540
- descs.prop = {
541
- set: function(val){
542
- descs.attr.set.call(this, val);
543
- },
544
- get: function(){
545
- var val = (descs.attr.get.call(this) || '').toLowerCase();
546
- if(!val || descs.limitedTo.indexOf(val) == -1){
547
- val = descs.defaultValue;
548
- }
549
- return val;
550
- }
551
- };
552
- }
553
-
554
- // ,unsignedLong: $.noop
555
- // ,"doubble": $.noop
556
- // ,"long": $.noop
557
- // ,tokenlist: $.noop
558
- // ,settableTokenlist: $.noop
559
- },
560
- reflectProperties: function(nodeNames, props){
561
- if(typeof props == 'string'){
562
- props = props.split(listReg);
563
- }
564
- props.forEach(function(prop){
565
- webshims.defineNodeNamesProperty(nodeNames, prop, {
566
- prop: {
567
- set: function(val){
568
- $.attr(this, prop, val);
569
- },
570
- get: function(){
571
- return $.attr(this, prop) || '';
572
- }
573
- }
574
- });
575
- });
576
- },
577
- defineNodeNameProperty: function(nodeName, prop, descs){
578
- havePolyfill[prop] = true;
579
-
580
- if(descs.reflect){
581
- webshims.propTypes[descs.propType || 'standard'](descs, prop);
582
- }
583
-
584
- ['prop', 'attr', 'removeAttr'].forEach(function(type){
585
- var desc = descs[type];
586
- if(desc){
587
- if(type === 'prop'){
588
- desc = $.extend({writeable: true}, desc);
589
- } else {
590
- desc = $.extend({}, desc, {writeable: true});
591
- }
592
-
593
- extendQ[type](nodeName, prop, desc);
594
- if(nodeName != '*' && webshims.cfg.extendNative && type == 'prop' && desc.value && $.isFunction(desc.value)){
595
- extendNativeValue(nodeName, prop, desc);
596
- }
597
- descs[type] = desc;
598
- }
599
- });
600
- if(descs.initAttr){
601
- initProp.content(nodeName, prop);
602
- }
603
- return descs;
604
- },
605
-
606
- defineNodeNameProperties: function(name, descs, propType, _noTmpCache){
607
- var olddesc;
608
- for(var prop in descs){
609
- if(!_noTmpCache && descs[prop].initAttr){
610
- initProp.createTmpCache(name);
611
- }
612
- if(propType){
613
- if(descs[prop][propType]){
614
- //webshims.log('override: '+ name +'['+prop +'] for '+ propType);
615
- } else {
616
- descs[prop][propType] = {};
617
- ['value', 'set', 'get'].forEach(function(copyProp){
618
- if(copyProp in descs[prop]){
619
- descs[prop][propType][copyProp] = descs[prop][copyProp];
620
- delete descs[prop][copyProp];
621
- }
622
- });
623
- }
624
- }
625
- descs[prop] = webshims.defineNodeNameProperty(name, prop, descs[prop]);
626
- }
627
- if(!_noTmpCache){
628
- initProp.flushTmpCache();
629
- }
630
- return descs;
631
- },
632
-
633
- createElement: function(nodeName, create, descs){
634
- var ret;
635
- if($.isFunction(create)){
636
- create = {
637
- after: create
638
- };
639
- }
640
- initProp.createTmpCache(nodeName);
641
- if(create.before){
642
- initProp.createElement(nodeName, create.before);
643
- }
644
- if(descs){
645
- ret = webshims.defineNodeNameProperties(nodeName, descs, false, true);
646
- }
647
- if(create.after){
648
- initProp.createElement(nodeName, create.after);
649
- }
650
- initProp.flushTmpCache();
651
- return ret;
652
- },
653
- onNodeNamesPropertyModify: function(nodeNames, props, desc, only){
654
- if(typeof nodeNames == 'string'){
655
- nodeNames = nodeNames.split(listReg);
656
- }
657
- if($.isFunction(desc)){
658
- desc = {set: desc};
659
- }
660
-
661
- nodeNames.forEach(function(name){
662
- if(!modifyProps[name]){
663
- modifyProps[name] = {};
664
- }
665
- if(typeof props == 'string'){
666
- props = props.split(listReg);
667
- }
668
- if(desc.initAttr){
669
- initProp.createTmpCache(name);
670
- }
671
- props.forEach(function(prop){
672
- if(!modifyProps[name][prop]){
673
- modifyProps[name][prop] = [];
674
- havePolyfill[prop] = true;
675
- }
676
- if(desc.set){
677
- if(only){
678
- desc.set.only = only;
679
- }
680
- modifyProps[name][prop].push(desc.set);
681
- }
682
-
683
- if(desc.initAttr){
684
- initProp.content(name, prop);
685
- }
686
- });
687
- initProp.flushTmpCache();
688
-
689
- });
690
- },
691
- defineNodeNamesBooleanProperty: function(elementNames, prop, descs){
692
- if(!descs){
693
- descs = {};
694
- }
695
- if($.isFunction(descs)){
696
- descs.set = descs;
697
- }
698
- webshims.defineNodeNamesProperty(elementNames, prop, {
699
- attr: {
700
- set: function(val){
701
- this.setAttribute(prop, val);
702
- if(descs.set){
703
- descs.set.call(this, true);
704
- }
705
- },
706
- get: function(){
707
- var ret = this.getAttribute(prop);
708
- return (ret == null) ? undefined : prop;
709
- }
710
- },
711
- removeAttr: {
712
- value: function(){
713
- this.removeAttribute(prop);
714
- if(descs.set){
715
- descs.set.call(this, false);
716
- }
717
- }
718
- },
719
- reflect: true,
720
- propType: 'boolean',
721
- initAttr: descs.initAttr || false
722
- });
723
- },
724
- contentAttr: function(elem, name, val){
725
- if(!elem.nodeName){return;}
726
- var attr;
727
- if(val === undefined){
728
- attr = (elem.attributes[name] || {});
729
- val = attr.specified ? attr.value : null;
730
- return (val == null) ? undefined : val;
731
- }
732
-
733
- if(typeof val == 'boolean'){
734
- if(!val){
735
- elem.removeAttribute(name);
736
- } else {
737
- elem.setAttribute(name, name);
738
- }
739
- } else {
740
- elem.setAttribute(name, val);
741
- }
742
- },
743
-
744
- // set current Lang:
745
- // - webshims.activeLang(lang:string);
746
- // get current lang
747
- // - webshims.activeLang();
748
- // get current lang
749
- // webshims.activeLang({
750
- // register: moduleName:string,
751
- // callback: callback:function
752
- // });
753
- // get/set including removeLang
754
- // - webshims.activeLang({
755
- // module: moduleName:string,
756
- // callback: callback:function,
757
- // langObj: languageObj:array/object
758
- // });
759
- activeLang: (function(){
760
- var callbacks = [];
761
- var registeredCallbacks = {};
762
- var currentLang;
763
- var shortLang;
764
- var notLocal = /:\/\/|^\.*\//;
765
- var loadRemoteLang = function(data, lang, options){
766
- var langSrc;
767
- if(lang && options && $.inArray(lang, options.availabeLangs || []) !== -1){
768
- data.loading = true;
769
- langSrc = options.langSrc;
770
- if(!notLocal.test(langSrc)){
771
- langSrc = webshims.cfg.basePath+langSrc;
772
- }
773
- webshims.loader.loadScript(langSrc+lang+'.js', function(){
774
- if(data.langObj[lang]){
775
- data.loading = false;
776
- callLang(data, true);
777
- } else {
778
- $(function(){
779
- if(data.langObj[lang]){
780
- callLang(data, true);
781
- }
782
- data.loading = false;
783
- });
784
- }
785
- });
786
- return true;
787
- }
788
- return false;
789
- };
790
- var callRegister = function(module){
791
- if(registeredCallbacks[module]){
792
- registeredCallbacks[module].forEach(function(data){
793
- data.callback();
794
- });
795
- }
796
- };
797
- var callLang = function(data, _noLoop){
798
- if(data.activeLang != currentLang && data.activeLang !== shortLang){
799
- var options = modules[data.module].options;
800
- if( data.langObj[currentLang] || (shortLang && data.langObj[shortLang]) ){
801
- data.activeLang = currentLang;
802
- data.callback(data.langObj[currentLang] || data.langObj[shortLang], currentLang);
803
- callRegister(data.module);
804
- } else if( !_noLoop &&
805
- !loadRemoteLang(data, currentLang, options) &&
806
- !loadRemoteLang(data, shortLang, options) &&
807
- data.langObj[''] && data.activeLang !== '' ) {
808
- data.activeLang = '';
809
- data.callback(data.langObj[''], currentLang);
810
- callRegister(data.module);
811
- }
812
- }
813
- };
814
-
815
-
816
- var activeLang = function(lang){
817
-
818
- if(typeof lang == 'string' && lang !== currentLang){
819
- currentLang = lang;
820
- shortLang = currentLang.split('-')[0];
821
- if(currentLang == shortLang){
822
- shortLang = false;
823
- }
824
- $.each(callbacks, function(i, data){
825
- callLang(data);
826
- });
827
- } else if(typeof lang == 'object'){
828
-
829
- if(lang.register){
830
- if(!registeredCallbacks[lang.register]){
831
- registeredCallbacks[lang.register] = [];
832
- }
833
- registeredCallbacks[lang.register].push(lang);
834
- lang.callback();
835
- } else {
836
- if(!lang.activeLang){
837
- lang.activeLang = '';
838
- }
839
- callbacks.push(lang);
840
- callLang(lang);
841
- }
842
- }
843
- return currentLang;
844
- };
845
-
846
- return activeLang;
847
- })()
848
- });
849
-
850
- $.each({
851
- defineNodeNamesProperty: 'defineNodeNameProperty',
852
- defineNodeNamesProperties: 'defineNodeNameProperties',
853
- createElements: 'createElement'
854
- }, function(name, baseMethod){
855
- webshims[name] = function(names, a, b, c){
856
- if(typeof names == 'string'){
857
- names = names.split(listReg);
858
- }
859
- var retDesc = {};
860
- names.forEach(function(nodeName){
861
- retDesc[nodeName] = webshims[baseMethod](nodeName, a, b, c);
862
- });
863
- return retDesc;
864
- };
865
- });
866
-
867
- webshims.isReady('webshimLocalization', true);
868
- });
869
- //html5a11y
870
- (function($, document){
871
- var browserVersion = $.webshims.browserVersion;
872
- if($.browser.mozilla && browserVersion > 5){return;}
873
- if (!$.browser.msie || (browserVersion < 12 && browserVersion > 7)) {
874
- var elemMappings = {
875
- article: "article",
876
- aside: "complementary",
877
- section: "region",
878
- nav: "navigation",
879
- address: "contentinfo"
880
- };
881
- var addRole = function(elem, role){
882
- var hasRole = elem.getAttribute('role');
883
- if (!hasRole) {
884
- elem.setAttribute('role', role);
885
- }
886
- };
887
-
888
- $.webshims.addReady(function(context, contextElem){
889
- $.each(elemMappings, function(name, role){
890
- var elems = $(name, context).add(contextElem.filter(name));
891
- for (var i = 0, len = elems.length; i < len; i++) {
892
- addRole(elems[i], role);
893
- }
894
- });
895
- if (context === document) {
896
- var header = document.getElementsByTagName('header')[0];
897
- var footers = document.getElementsByTagName('footer');
898
- var footerLen = footers.length;
899
- if (header && !$(header).closest('section, article')[0]) {
900
- addRole(header, 'banner');
901
- }
902
- if (!footerLen) {
903
- return;
904
- }
905
- var footer = footers[footerLen - 1];
906
- if (!$(footer).closest('section, article')[0]) {
907
- addRole(footer, 'contentinfo');
908
- }
909
- }
910
- });
911
- }
912
- })(jQuery, document);
913
- (function($, Modernizr, webshims){
914
- "use strict";
915
- var hasNative = Modernizr.audio && Modernizr.video;
916
- var supportsLoop = false;
917
- var options = webshims.cfg.mediaelement;
918
- var bugs = webshims.bugs;
919
- var loadSwf = function(){
920
- webshims.ready('mediaelement-swf', function(){
921
- if(!webshims.mediaelement.createSWF){
922
- webshims.modules["mediaelement-swf"].test = $.noop;
923
- webshims.reTest(["mediaelement-swf"], hasNative);
924
- }
925
- });
926
- };
927
- var hasSwf;
928
- if(hasNative){
929
- var videoElem = document.createElement('video');
930
- Modernizr.videoBuffered = ('buffered' in videoElem);
931
- supportsLoop = ('loop' in videoElem);
932
-
933
- webshims.capturingEvents(['play', 'playing', 'waiting', 'paused', 'ended', 'durationchange', 'loadedmetadata', 'canplay', 'volumechange']);
934
-
935
- if(!Modernizr.videoBuffered){
936
- webshims.addPolyfill('mediaelement-native-fix', {
937
- f: 'mediaelement',
938
- test: Modernizr.videoBuffered,
939
- d: ['dom-support']
940
- });
941
-
942
- webshims.reTest('mediaelement-native-fix');
943
- }
944
- }
945
-
946
- if(hasNative && !options.preferFlash){
947
- var switchOptions = function(e){
948
- var parent = e.target.parentNode;
949
- if(!options.preferFlash && ($(e.target).is('audio, video') || (parent && $('source:last', parent)[0] == e.target)) ){
950
- webshims.ready('DOM mediaelement', function(){
951
- if(hasSwf){
952
- loadSwf();
953
- }
954
- webshims.ready('WINDOWLOAD mediaelement-swf', function(){
955
- setTimeout(function(){
956
- if(hasSwf && !options.preferFlash && webshims.mediaelement.createSWF && !$(e.target).closest('audio, video').is('.nonnative-api-active')){
957
- options.preferFlash = true;
958
- document.removeEventListener('error', switchOptions, true);
959
- $('audio, video').mediaLoad();
960
- webshims.info("switching mediaelements option to 'preferFlash', due to an error with native player: "+e.target.src);
961
- } else if(!hasSwf){
962
- document.removeEventListener('error', switchOptions, true);
963
- }
964
- }, 20);
965
- });
966
- });
967
- }
968
- };
969
- document.addEventListener('error', switchOptions, true);
970
- $('audio, video').each(function(){
971
- if(this.error){
972
- switchOptions({target: this});
973
- }
974
- });
975
- }
976
-
977
- bugs.track = false;
978
-
979
- if(Modernizr.track){
980
- (function(){
981
-
982
- if(!bugs.track){
983
- bugs.track = typeof $('<track />')[0].readyState != 'number';
984
- }
985
-
986
- if(!bugs.track){
987
- try {
988
- new TextTrackCue(2, 3, '');
989
- } catch(e){
990
- bugs.track = true;
991
- }
992
- }
993
-
994
- var trackOptions = webshims.cfg.track;
995
- var trackListener = function(e){
996
- $(e.target).filter('track').each(changeApi);
997
- };
998
- var changeApi = function(){
999
- if(bugs.track || (!trackOptions.override && $.prop(this, 'readyState') == 3)){
1000
- trackOptions.override = true;
1001
- webshims.reTest('track');
1002
- document.removeEventListener('error', trackListener, true);
1003
- if(this && $.nodeName(this, 'track')){
1004
- webshims.error("track support was overwritten. Please check your vtt including your vtt mime-type");
1005
- } else {
1006
- webshims.info("track support was overwritten. due to bad browser support");
1007
- }
1008
- }
1009
- };
1010
- var detectTrackError = function(){
1011
- document.addEventListener('error', trackListener, true);
1012
-
1013
- if(bugs.track){
1014
- changeApi();
1015
- } else {
1016
- $('track').each(changeApi);
1017
- }
1018
- };
1019
- if(!trackOptions.override){
1020
- if(webshims.isReady('track')){
1021
- detectTrackError();
1022
- } else {
1023
- $(detectTrackError);
1024
- }
1025
- }
1026
- })();
1027
-
1028
- }
1029
-
1030
- webshims.register('mediaelement-core', function($, webshims, window, document, undefined){
1031
- hasSwf = swfobject.hasFlashPlayerVersion('9.0.115');
1032
-
1033
- var mediaelement = webshims.mediaelement;
1034
-
1035
- var getSrcObj = function(elem, nodeName){
1036
- elem = $(elem);
1037
- var src = {src: elem.attr('src') || '', elem: elem, srcProp: elem.prop('src')};
1038
- if(!src.src){return src;}
1039
- var tmp = elem.attr('type');
1040
- if(tmp){
1041
- src.type = tmp;
1042
- src.container = $.trim(tmp.split(';')[0]);
1043
- } else {
1044
- if(!nodeName){
1045
- nodeName = elem[0].nodeName.toLowerCase();
1046
- if(nodeName == 'source'){
1047
- nodeName = (elem.closest('video, audio')[0] || {nodeName: 'video'}).nodeName.toLowerCase();
1048
- }
1049
- }
1050
- tmp = mediaelement.getTypeForSrc(src.src, nodeName );
1051
-
1052
- if(tmp){
1053
- src.type = tmp;
1054
- src.container = tmp;
1055
- }
1056
- }
1057
- tmp = elem.attr('media');
1058
- if(tmp){
1059
- src.media = tmp;
1060
- }
1061
- return src;
1062
- };
1063
-
1064
-
1065
-
1066
- var hasYt = !hasSwf && ('postMessage' in window) && hasNative;
1067
-
1068
- var loadYt = (function(){
1069
- var loaded;
1070
- return function(){
1071
- if(loaded || !hasYt){return;}
1072
- loaded = true;
1073
- webshims.loader.loadScript("https://www.youtube.com/player_api");
1074
- $(function(){
1075
- webshims.polyfill("mediaelement-yt");
1076
- });
1077
- };
1078
- })();
1079
- var loadThird = function(){
1080
- if(hasSwf){
1081
- loadSwf();
1082
- } else {
1083
- loadYt();
1084
- }
1085
- };
1086
-
1087
- webshims.addPolyfill('mediaelement-yt', {
1088
- test: !hasYt,
1089
- d: ['dom-support']
1090
- });
1091
-
1092
- mediaelement.mimeTypes = {
1093
- audio: {
1094
- //ogm shouldn´t be used!
1095
- 'audio/ogg': ['ogg','oga', 'ogm'],
1096
- 'audio/ogg;codecs="opus"': 'opus',
1097
- 'audio/mpeg': ['mp2','mp3','mpga','mpega'],
1098
- 'audio/mp4': ['mp4','mpg4', 'm4r', 'm4a', 'm4p', 'm4b', 'aac'],
1099
- 'audio/wav': ['wav'],
1100
- 'audio/3gpp': ['3gp','3gpp'],
1101
- 'audio/webm': ['webm'],
1102
- 'audio/fla': ['flv', 'f4a', 'fla'],
1103
- 'application/x-mpegURL': ['m3u8', 'm3u']
1104
- },
1105
- video: {
1106
- //ogm shouldn´t be used!
1107
- 'video/ogg': ['ogg','ogv', 'ogm'],
1108
- 'video/mpeg': ['mpg','mpeg','mpe'],
1109
- 'video/mp4': ['mp4','mpg4', 'm4v'],
1110
- 'video/quicktime': ['mov','qt'],
1111
- 'video/x-msvideo': ['avi'],
1112
- 'video/x-ms-asf': ['asf', 'asx'],
1113
- 'video/flv': ['flv', 'f4v'],
1114
- 'video/3gpp': ['3gp','3gpp'],
1115
- 'video/webm': ['webm'],
1116
- 'application/x-mpegURL': ['m3u8', 'm3u'],
1117
- 'video/MP2T': ['ts']
1118
- }
1119
- }
1120
- ;
1121
-
1122
- mediaelement.mimeTypes.source = $.extend({}, mediaelement.mimeTypes.audio, mediaelement.mimeTypes.video);
1123
-
1124
- mediaelement.getTypeForSrc = function(src, nodeName){
1125
- if(src.indexOf('youtube.com/watch?') != -1 || src.indexOf('youtube.com/v/') != -1){
1126
- return 'video/youtube';
1127
- }
1128
- src = src.split('?')[0].split('.');
1129
- src = src[src.length - 1];
1130
- var mt;
1131
-
1132
- $.each(mediaelement.mimeTypes[nodeName], function(mimeType, exts){
1133
- if(exts.indexOf(src) !== -1){
1134
- mt = mimeType;
1135
- return false;
1136
- }
1137
- });
1138
- return mt;
1139
- };
1140
-
1141
-
1142
- mediaelement.srces = function(mediaElem, srces){
1143
- mediaElem = $(mediaElem);
1144
- if(!srces){
1145
- srces = [];
1146
- var nodeName = mediaElem[0].nodeName.toLowerCase();
1147
- var src = getSrcObj(mediaElem, nodeName);
1148
-
1149
- if(!src.src){
1150
-
1151
- $('source', mediaElem).each(function(){
1152
- src = getSrcObj(this, nodeName);
1153
- if(src.src){srces.push(src);}
1154
- });
1155
- } else {
1156
- srces.push(src);
1157
- }
1158
- return srces;
1159
- } else {
1160
- mediaElem.removeAttr('src').removeAttr('type').find('source').remove();
1161
- if(!$.isArray(srces)){
1162
- srces = [srces];
1163
- }
1164
- srces.forEach(function(src){
1165
- var source = document.createElement('source');
1166
- if(typeof src == 'string'){
1167
- src = {src: src};
1168
- }
1169
- source.setAttribute('src', src.src);
1170
- if(src.type){
1171
- source.setAttribute('type', src.type);
1172
- }
1173
- if(src.media){
1174
- source.setAttribute('media', src.media);
1175
- }
1176
- mediaElem.append(source);
1177
- });
1178
-
1179
- }
1180
- };
1181
-
1182
-
1183
- $.fn.loadMediaSrc = function(srces, poster){
1184
- return this.each(function(){
1185
- if(poster !== undefined){
1186
- $(this).removeAttr('poster');
1187
- if(poster){
1188
- $.attr(this, 'poster', poster);
1189
- }
1190
- }
1191
- mediaelement.srces(this, srces);
1192
- $(this).mediaLoad();
1193
- });
1194
- };
1195
-
1196
- mediaelement.swfMimeTypes = ['video/3gpp', 'video/x-msvideo', 'video/quicktime', 'video/x-m4v', 'video/mp4', 'video/m4p', 'video/x-flv', 'video/flv', 'audio/mpeg', 'audio/aac', 'audio/mp4', 'audio/x-m4a', 'audio/m4a', 'audio/mp3', 'audio/x-fla', 'audio/fla', 'youtube/flv', 'jwplayer/jwplayer', 'video/youtube'];
1197
-
1198
- mediaelement.canThirdPlaySrces = function(mediaElem, srces){
1199
- var ret = '';
1200
- if(hasSwf || hasYt){
1201
- mediaElem = $(mediaElem);
1202
- srces = srces || mediaelement.srces(mediaElem);
1203
- $.each(srces, function(i, src){
1204
- if(src.container && src.src && ((hasSwf && mediaelement.swfMimeTypes.indexOf(src.container) != -1) || (hasYt && src.container == 'video/youtube'))){
1205
- ret = src;
1206
- return false;
1207
- }
1208
- });
1209
-
1210
- }
1211
-
1212
- return ret;
1213
- };
1214
-
1215
- var nativeCanPlayType = {};
1216
- mediaelement.canNativePlaySrces = function(mediaElem, srces){
1217
- var ret = '';
1218
- if(hasNative){
1219
- mediaElem = $(mediaElem);
1220
- var nodeName = (mediaElem[0].nodeName || '').toLowerCase();
1221
- if(!nativeCanPlayType[nodeName]){return ret;}
1222
- srces = srces || mediaelement.srces(mediaElem);
1223
-
1224
- $.each(srces, function(i, src){
1225
- if(src.type && nativeCanPlayType[nodeName].prop._supvalue.call(mediaElem[0], src.type) ){
1226
- ret = src;
1227
- return false;
1228
- }
1229
- });
1230
- }
1231
- return ret;
1232
- };
1233
-
1234
- mediaelement.setError = function(elem, message){
1235
- if(!message){
1236
- message = "can't play sources";
1237
- }
1238
-
1239
- $(elem).pause().data('mediaerror', message);
1240
- webshims.warn('mediaelementError: '+ message);
1241
- setTimeout(function(){
1242
- if($(elem).data('mediaerror')){
1243
- $(elem).trigger('mediaerror');
1244
- }
1245
- }, 1);
1246
- };
1247
-
1248
- var handleThird = (function(){
1249
- var requested;
1250
- return function( mediaElem, ret, data ){
1251
- webshims.ready(hasSwf ? 'mediaelement-swf' : 'mediaelement-yt', function(){
1252
- if(mediaelement.createSWF){
1253
- mediaelement.createSWF( mediaElem, ret, data );
1254
- } else if(!requested) {
1255
- requested = true;
1256
- loadThird();
1257
- //readd to ready
1258
- handleThird( mediaElem, ret, data );
1259
- }
1260
- });
1261
- if(!requested && hasYt && !mediaelement.createSWF){
1262
- loadYt();
1263
- }
1264
- };
1265
- })();
1266
-
1267
- var stepSources = function(elem, data, useSwf, _srces, _noLoop){
1268
- var ret;
1269
- if(useSwf || (useSwf !== false && data && data.isActive == 'third')){
1270
- ret = mediaelement.canThirdPlaySrces(elem, _srces);
1271
- if(!ret){
1272
- if(_noLoop){
1273
- mediaelement.setError(elem, false);
1274
- } else {
1275
- stepSources(elem, data, false, _srces, true);
1276
- }
1277
- } else {
1278
- handleThird(elem, ret, data);
1279
- }
1280
- } else {
1281
- ret = mediaelement.canNativePlaySrces(elem, _srces);
1282
- if(!ret){
1283
- if(_noLoop){
1284
- mediaelement.setError(elem, false);
1285
- if(data && data.isActive == 'third') {
1286
- mediaelement.setActive(elem, 'html5', data);
1287
- }
1288
- } else {
1289
- stepSources(elem, data, true, _srces, true);
1290
- }
1291
- } else if(data && data.isActive == 'third') {
1292
- mediaelement.setActive(elem, 'html5', data);
1293
- }
1294
- }
1295
- };
1296
- var stopParent = /^(?:embed|object|datalist)$/i;
1297
- var selectSource = function(elem, data){
1298
- var baseData = webshims.data(elem, 'mediaelementBase') || webshims.data(elem, 'mediaelementBase', {});
1299
- var _srces = mediaelement.srces(elem);
1300
- var parent = elem.parentNode;
1301
-
1302
- clearTimeout(baseData.loadTimer);
1303
- $.data(elem, 'mediaerror', false);
1304
-
1305
- if(!_srces.length || !parent || parent.nodeType != 1 || stopParent.test(parent.nodeName || '')){return;}
1306
- data = data || webshims.data(elem, 'mediaelement');
1307
- stepSources(elem, data, options.preferFlash || undefined, _srces);
1308
- };
1309
-
1310
-
1311
- $(document).bind('ended', function(e){
1312
- var data = webshims.data(e.target, 'mediaelement');
1313
- if( supportsLoop && (!data || data.isActive == 'html5') && !$.prop(e.target, 'loop')){return;}
1314
- setTimeout(function(){
1315
- if( $.prop(e.target, 'paused') || !$.prop(e.target, 'loop') ){return;}
1316
- $(e.target).prop('currentTime', 0).play();
1317
- }, 1);
1318
-
1319
- });
1320
- if(!supportsLoop){
1321
- webshims.defineNodeNamesBooleanProperty(['audio', 'video'], 'loop');
1322
- }
1323
-
1324
- ['audio', 'video'].forEach(function(nodeName){
1325
- var supLoad = webshims.defineNodeNameProperty(nodeName, 'load', {
1326
- prop: {
1327
- value: function(){
1328
- var data = webshims.data(this, 'mediaelement');
1329
- selectSource(this, data);
1330
- if(hasNative && (!data || data.isActive == 'html5') && supLoad.prop._supvalue){
1331
- supLoad.prop._supvalue.apply(this, arguments);
1332
- }
1333
- }
1334
- }
1335
- });
1336
- nativeCanPlayType[nodeName] = webshims.defineNodeNameProperty(nodeName, 'canPlayType', {
1337
- prop: {
1338
- value: function(type){
1339
- var ret = '';
1340
- if(hasNative && nativeCanPlayType[nodeName].prop._supvalue){
1341
- ret = nativeCanPlayType[nodeName].prop._supvalue.call(this, type);
1342
- if(ret == 'no'){
1343
- ret = '';
1344
- }
1345
- }
1346
- if(!ret && hasSwf){
1347
- type = $.trim((type || '').split(';')[0]);
1348
- if(mediaelement.swfMimeTypes.indexOf(type) != -1){
1349
- ret = 'maybe';
1350
- }
1351
- }
1352
- return ret;
1353
- }
1354
- }
1355
- });
1356
- });
1357
- webshims.onNodeNamesPropertyModify(['audio', 'video'], ['src', 'poster'], {
1358
- set: function(){
1359
- var elem = this;
1360
- var baseData = webshims.data(elem, 'mediaelementBase') || webshims.data(elem, 'mediaelementBase', {});
1361
- clearTimeout(baseData.loadTimer);
1362
- baseData.loadTimer = setTimeout(function(){
1363
- selectSource(elem);
1364
- elem = null;
1365
- }, 9);
1366
- }
1367
- });
1368
-
1369
- var initMediaElements = function(){
1370
-
1371
- webshims.addReady(function(context, insertedElement){
1372
- $('video, audio', context)
1373
- .add(insertedElement.filter('video, audio'))
1374
- .each(function(){
1375
- if($.browser.msie && webshims.browserVersion > 8 && $.prop(this, 'paused') && !$.prop(this, 'readyState') && $(this).is('audio[preload="none"][controls]:not([autoplay])')){
1376
- $(this).prop('preload', 'metadata').mediaLoad();
1377
- } else {
1378
- selectSource(this);
1379
- }
1380
-
1381
-
1382
-
1383
- if(hasNative){
1384
- var bufferTimer;
1385
- var lastBuffered;
1386
- var elem = this;
1387
- var getBufferedString = function(){
1388
- var buffered = $.prop(elem, 'buffered');
1389
- if(!buffered){return;}
1390
- var bufferString = "";
1391
- for(var i = 0, len = buffered.length; i < len;i++){
1392
- bufferString += buffered.end(i);
1393
- }
1394
- return bufferString;
1395
- };
1396
- var testBuffer = function(){
1397
- var buffered = getBufferedString();
1398
- if(buffered != lastBuffered){
1399
- lastBuffered = buffered;
1400
- $(elem).triggerHandler('progress');
1401
- }
1402
- };
1403
-
1404
- $(this)
1405
- .bind('play loadstart progress', function(e){
1406
- if(e.type == 'progress'){
1407
- lastBuffered = getBufferedString();
1408
- }
1409
- clearTimeout(bufferTimer);
1410
- bufferTimer = setTimeout(testBuffer, 999);
1411
- })
1412
- .bind('emptied stalled mediaerror abort suspend', function(e){
1413
- if(e.type == 'emptied'){
1414
- lastBuffered = false;
1415
- }
1416
- clearTimeout(bufferTimer);
1417
- })
1418
- ;
1419
- }
1420
-
1421
- })
1422
- ;
1423
- });
1424
- };
1425
-
1426
- if(Modernizr.track && !bugs.track){
1427
- webshims.defineProperty(TextTrack.prototype, 'shimActiveCues', {
1428
- get: function(){
1429
- return this._shimActiveCues || this.activeCues;
1430
- }
1431
- });
1432
- }
1433
- //set native implementation ready, before swf api is retested
1434
- if(hasNative){
1435
- webshims.isReady('mediaelement-core', true);
1436
- initMediaElements();
1437
- webshims.ready('WINDOWLOAD mediaelement', loadThird);
1438
- } else {
1439
- webshims.ready('mediaelement-swf', initMediaElements);
1440
- }
1441
- $(function(){
1442
- webshims.loader.loadList(['track-ui']);
1443
- });
1444
-
1445
- });
1446
- })(jQuery, Modernizr, jQuery.webshims);/*
1447
- * todos:
1448
- * - decouple muted/volume (needs improvement)
1449
- * - implement video <-> flashcanvas pro API
1450
- * - improve buffered-property with youtube/rtmp
1451
- * - use jwplayer5 api instead of old flash4 api
1452
- */
1453
-
1454
- jQuery.webshims.register('mediaelement-swf', function($, webshims, window, document, undefined, options){
1455
- "use strict";
1456
- var SENDEVENT = 'sendEvent';
1457
- var mediaelement = webshims.mediaelement;
1458
- var swfobject = window.swfobject;
1459
- var hasNative = Modernizr.audio && Modernizr.video;
1460
- var hasFlash = swfobject.hasFlashPlayerVersion('9.0.115');
1461
- var loadedSwf = 0;
1462
- var getProps = {
1463
- paused: true,
1464
- ended: false,
1465
- currentSrc: '',
1466
- duration: window.NaN,
1467
-
1468
- readyState: 0,
1469
- networkState: 0,
1470
- videoHeight: 0,
1471
- videoWidth: 0,
1472
- error: null,
1473
- buffered: {
1474
- start: function(index){
1475
- if(index){
1476
- webshims.error('buffered index size error');
1477
- return;
1478
- }
1479
- return 0;
1480
- },
1481
- end: function(index){
1482
- if(index){
1483
- webshims.error('buffered index size error');
1484
- return;
1485
- }
1486
- return 0;
1487
- },
1488
- length: 0
1489
- }
1490
- };
1491
- var getPropKeys = Object.keys(getProps);
1492
-
1493
- var getSetProps = {
1494
- currentTime: 0,
1495
- volume: 1,
1496
- muted: false
1497
- };
1498
- var getSetPropKeys = Object.keys(getSetProps);
1499
-
1500
- var playerStateObj = $.extend({
1501
- isActive: 'html5',
1502
- activating: 'html5',
1503
- wasSwfReady: false,
1504
- _bufferedEnd: 0,
1505
- _bufferedStart: 0,
1506
- _metadata: false,
1507
- _durationCalcs: -1,
1508
- _callMeta: false,
1509
- currentTime: 0,
1510
- _ppFlag: undefined
1511
- }, getProps, getSetProps);
1512
-
1513
- var idRep = /^jwplayer-/;
1514
- var getSwfDataFromID = function(id){
1515
-
1516
- var elem = document.getElementById(id.replace(idRep, ''));
1517
- if(!elem){return;}
1518
- var data = webshims.data(elem, 'mediaelement');
1519
- return data.isActive == 'third' ? data : null;
1520
- };
1521
-
1522
-
1523
- var getSwfDataFromElem = function(elem){
1524
- try {
1525
- (elem.nodeName);
1526
- } catch(er){
1527
- return null;
1528
- }
1529
- var data = webshims.data(elem, 'mediaelement');
1530
- return (data && data.isActive== 'third') ? data : null;
1531
- };
1532
-
1533
- var trigger = function(elem, evt){
1534
- evt = $.Event(evt);
1535
- evt.preventDefault();
1536
- $.event.trigger(evt, undefined, elem);
1537
- };
1538
-
1539
- var playerSwfPath = options.playerPath || webshims.cfg.basePath + "jwplayer/" + (options.playerName || "player.swf");
1540
- var jwplugin = options.pluginPath || webshims.cfg.basePath +'swf/jwwebshims.swf';
1541
-
1542
- webshims.extendUNDEFProp(options.jwParams, {
1543
- allowscriptaccess: 'always',
1544
- allowfullscreen: 'true',
1545
- wmode: 'transparent'
1546
- });
1547
- webshims.extendUNDEFProp(options.jwVars, {
1548
- screencolor: 'ffffffff'
1549
- });
1550
- webshims.extendUNDEFProp(options.jwAttrs, {
1551
- bgcolor: '#000000'
1552
- });
1553
-
1554
- var getDuration = function(data, obj){
1555
- var curDuration = data.duration;
1556
- if(curDuration && data._durationCalcs > 0){return;}
1557
- try {
1558
- data.duration = data.jwapi.getPlaylist()[0].duration;
1559
- if(!data.duration || data.duration <= 0 || data.duration === data._lastDuration){
1560
- data.duration = curDuration;
1561
- }
1562
- } catch(er){}
1563
- if(data.duration && data.duration != data._lastDuration){
1564
- trigger(data._elem, 'durationchange');
1565
- if(data._elemNodeName == 'audio' || data._callMeta){
1566
- mediaelement.jwEvents.Model.META($.extend({duration: data.duration}, obj), data);
1567
- }
1568
- data._durationCalcs--;
1569
- } else {
1570
- data._durationCalcs++;
1571
- }
1572
- };
1573
- var setReadyState = function(readyState, data){
1574
- if(readyState < 3){
1575
- clearTimeout(data._canplaythroughTimer);
1576
- }
1577
- if(readyState >= 3 && data.readyState < 3){
1578
- data.readyState = readyState;
1579
- trigger(data._elem, 'canplay');
1580
- clearTimeout(data._canplaythroughTimer);
1581
- data._canplaythroughTimer = setTimeout(function(){
1582
- setReadyState(4, data);
1583
- }, 4000);
1584
- }
1585
- if(readyState >= 4 && data.readyState < 4){
1586
- data.readyState = readyState;
1587
- trigger(data._elem, 'canplaythrough');
1588
- }
1589
- data.readyState = readyState;
1590
- };
1591
-
1592
- $.extend($.event.customEvent, {
1593
- updatemediaelementdimensions: true,
1594
- flashblocker: true,
1595
- swfstageresize: true,
1596
- mediaelementapichange: true
1597
- });
1598
-
1599
- mediaelement.jwEvents = {
1600
- View: {
1601
-
1602
- PLAY: function(obj){
1603
- var data = getSwfDataFromID(obj.id);
1604
- if(!data || data.stopPlayPause){return;}
1605
- data._ppFlag = true;
1606
- if(data.paused == obj.state){
1607
- data.paused = !obj.state;
1608
- if(data.ended){
1609
- data.ended = false;
1610
- }
1611
- trigger(data._elem, obj.state ? 'play' : 'pause');
1612
- }
1613
- }
1614
- },
1615
- Model: {
1616
-
1617
- BUFFER: function(obj){
1618
- var data = getSwfDataFromID(obj.id);
1619
- if(!data || !('percentage' in obj) || data._bufferedEnd == obj.percentage){return;}
1620
- data.networkState = (obj.percentage == 100) ? 1 : 2;
1621
- if(isNaN(data.duration) || (obj.percentage > 5 && obj.percentage < 25) || (obj.percentage === 100)){
1622
- getDuration(data, obj);
1623
- }
1624
-
1625
- if(data.ended){
1626
- data.ended = false;
1627
- }
1628
- if(!data.duration){
1629
- return;
1630
- }
1631
- if(obj.percentage > 2 && obj.percentage < 20){
1632
- setReadyState(3, data);
1633
- } else if(obj.percentage > 20){
1634
- setReadyState(4, data);
1635
- }
1636
- if(data._bufferedEnd && (data._bufferedEnd > obj.percentage)){
1637
- data._bufferedStart = data.currentTime || 0;
1638
- }
1639
-
1640
- data._bufferedEnd = obj.percentage;
1641
- data.buffered.length = 1;
1642
- if(obj.percentage == 100){
1643
- data.networkState = 1;
1644
- setReadyState(4, data);
1645
- }
1646
- $.event.trigger('progress', undefined, data._elem, true);
1647
- },
1648
- META: function(obj, data){
1649
-
1650
- data = data && data.networkState ? data : getSwfDataFromID(obj.id);
1651
-
1652
- if(!data){return;}
1653
- if( !('duration' in obj) ){
1654
- data._callMeta = true;
1655
- return;
1656
- }
1657
-
1658
- if( data._metadata && (!obj.height || data.videoHeight == obj.height) && (obj.duration === data.duration) ){return;}
1659
-
1660
- data._metadata = true;
1661
-
1662
- var oldDur = data.duration;
1663
- if(obj.duration){
1664
- data.duration = obj.duration;
1665
- }
1666
- data._lastDuration = data.duration;
1667
- if(obj.height || obj.width){
1668
- data.videoHeight = obj.height || 0;
1669
- data.videoWidth = obj.width || 0;
1670
- }
1671
- if(!data.networkState){
1672
- data.networkState = 2;
1673
- }
1674
- if(data.readyState < 1){
1675
- setReadyState(1, data);
1676
- }
1677
- if(data.duration && oldDur !== data.duration){
1678
- trigger(data._elem, 'durationchange');
1679
- }
1680
-
1681
- trigger(data._elem, 'loadedmetadata');
1682
- },
1683
- TIME: function(obj){
1684
- var data = getSwfDataFromID(obj.id);
1685
- if(!data || data.currentTime === obj.position){return;}
1686
- data.currentTime = obj.position;
1687
- if(data.duration && data.duration < data.currentTime){
1688
- getDuration(data, obj);
1689
- }
1690
- if(data.readyState < 2){
1691
- setReadyState(2, data);
1692
- }
1693
- if(data.ended){
1694
- data.ended = false;
1695
- }
1696
- trigger(data._elem, 'timeupdate');
1697
-
1698
- },
1699
- STATE: function(obj){
1700
- var data = getSwfDataFromID(obj.id);
1701
- if(!data){return;}
1702
- switch(obj.newstate) {
1703
- case 'BUFFERING':
1704
-
1705
- if(data.ended){
1706
- data.ended = false;
1707
- }
1708
- setReadyState(1, data);
1709
- trigger(data._elem, 'waiting');
1710
- break;
1711
- case 'PLAYING':
1712
- data.paused = false;
1713
- data._ppFlag = true;
1714
- if(!data.duration){
1715
- getDuration(data, obj);
1716
- }
1717
- if(data.readyState < 3){
1718
- setReadyState(3, data);
1719
- }
1720
- if(data.ended){
1721
- data.ended = false;
1722
- }
1723
- trigger(data._elem, 'playing');
1724
- break;
1725
- case 'PAUSED':
1726
- if(!data.paused && !data.stopPlayPause){
1727
- data.paused = true;
1728
- data._ppFlag = true;
1729
- trigger(data._elem, 'pause');
1730
- }
1731
- break;
1732
- case 'COMPLETED':
1733
- if(data.readyState < 4){
1734
- setReadyState(4, data);
1735
- }
1736
- data.ended = true;
1737
- trigger(data._elem, 'ended');
1738
- break;
1739
- }
1740
- }
1741
- }
1742
- ,Controller: {
1743
-
1744
- ERROR: function(obj){
1745
- var data = getSwfDataFromID(obj.id);
1746
- if(!data){return;}
1747
- mediaelement.setError(data._elem, obj.message);
1748
- },
1749
- SEEK: function(obj){
1750
- var data = getSwfDataFromID(obj.id);
1751
- if(!data){return;}
1752
- if(data.ended){
1753
- data.ended = false;
1754
- }
1755
- if(data.paused){
1756
- try {
1757
- data.jwapi[SENDEVENT]('play', 'false');
1758
- } catch(er){}
1759
- }
1760
- if(data.currentTime != obj.position){
1761
- data.currentTime = obj.position;
1762
- trigger(data._elem, 'timeupdate');
1763
- }
1764
-
1765
-
1766
- },
1767
- VOLUME: function(obj){
1768
- var data = getSwfDataFromID(obj.id);
1769
- if(!data){return;}
1770
- var newVolume = obj.percentage / 100;
1771
- if(data.volume == newVolume){return;}
1772
- data.volume = newVolume;
1773
- trigger(data._elem, 'volumechange');
1774
- },
1775
- MUTE: function(obj){
1776
- if(obj.state){return;}
1777
- var data = getSwfDataFromID(obj.id);
1778
- if(!data){return;}
1779
- if(data.muted == obj.state){return;}
1780
- data.muted = obj.state;
1781
- trigger(data._elem, 'volumechange');
1782
- }
1783
- }
1784
- };
1785
-
1786
- var initEvents = function(data){
1787
- var passed = true;
1788
- $.each(mediaelement.jwEvents, function(mvcName, evts){
1789
- $.each(evts, function(evtName){
1790
- try {
1791
- data.jwapi['add'+ mvcName +'Listener'](evtName, 'jQuery.webshims.mediaelement.jwEvents.'+ mvcName +'.'+ evtName);
1792
- } catch(er){
1793
- passed = false;
1794
- return false;
1795
- }
1796
- });
1797
- });
1798
- return passed;
1799
- };
1800
-
1801
- var workActionQueue = function(data){
1802
- var actionLen = data.actionQueue.length;
1803
- var i = 0;
1804
- var operation;
1805
- if(actionLen && data.isActive == 'third'){
1806
- while(data.actionQueue.length && actionLen > i){
1807
- i++;
1808
- operation = data.actionQueue.shift();
1809
- data.jwapi[operation.fn].apply(data.jwapi, operation.args);
1810
- }
1811
- }
1812
- if(data.actionQueue.length){
1813
- data.actionQueue = [];
1814
- }
1815
- };
1816
- var startAutoPlay = function(data){
1817
- if(!data){return;}
1818
- if( (data._ppFlag === undefined && ($.prop(data._elem, 'autoplay')) || !data.paused)){
1819
- setTimeout(function(){
1820
- if(data.isActive == 'third' && (data._ppFlag === undefined || !data.paused)){
1821
- try {
1822
- $(data._elem).play();
1823
- } catch(er){}
1824
- }
1825
- }, 1);
1826
- }
1827
- };
1828
-
1829
- var startIntrinsicDimension = function(data){
1830
- if(!data || data._elemNodeName != 'video'){return;}
1831
- var img;
1832
- var widthAuto;
1833
- var heightAuto;
1834
- var lastIntrinsicSize = {};
1835
- var shadowElem;
1836
- var errorTimer;
1837
- var blockResize;
1838
- var lastSize;
1839
- var setSize = function(width, height){
1840
- if(!height || !width || height < 1 || width < 1 || data.isActive != 'third'){return;}
1841
- if(img){
1842
- img.remove();
1843
- img = false;
1844
- }
1845
- lastIntrinsicSize.width = width;
1846
- lastIntrinsicSize.height = height;
1847
- clearTimeout(errorTimer);
1848
- widthAuto = data._elem.style.width == 'auto';
1849
- heightAuto = data._elem.style.height == 'auto';
1850
-
1851
- if(!widthAuto && !heightAuto){return;}
1852
- var curSize;
1853
- shadowElem = shadowElem || $(data._elem).getShadowElement();
1854
- var cur;
1855
- if(widthAuto && !heightAuto){
1856
- cur = shadowElem.height();
1857
- width *= cur / height;
1858
- height = cur;
1859
- } else if(!widthAuto && heightAuto){
1860
- cur = shadowElem.width();
1861
- height *= cur / width;
1862
- width = cur;
1863
- }
1864
- blockResize = true;
1865
- setTimeout(function(){
1866
- blockResize = false;
1867
- }, 9);
1868
-
1869
- shadowElem.css({width: width, height: height});
1870
- };
1871
- var setPosterSrc = function(){
1872
- if(data.isActive != 'third' || ($.prop(data._elem, 'readyState') && $.prop(this, 'videoWidth'))){return;}
1873
- var posterSrc = $.prop(data._elem, 'poster');
1874
- if(!posterSrc){return;}
1875
- widthAuto = data._elem.style.width == 'auto';
1876
- heightAuto = data._elem.style.height == 'auto';
1877
- if(!widthAuto && !heightAuto){return;}
1878
- if(img){
1879
- img.remove();
1880
- img = false;
1881
- }
1882
- img = $('<img style="position: absolute; height: auto; width: auto; top: 0px; left: 0px; visibility: hidden;" />');
1883
- img
1884
- .bind('load error alreadycomplete', function(e){
1885
- clearTimeout(errorTimer);
1886
-
1887
- var elem = this;
1888
- var width = elem.naturalWidth || elem.width || elem.offsetWidth;
1889
- var height = elem.naturalHeight || elem.height || elem.offsetHeight;
1890
-
1891
- if(height && width){
1892
- setSize(width, height);
1893
- elem = null;
1894
- } else {
1895
- setTimeout(function(){
1896
- width = elem.naturalWidth || elem.width || elem.offsetWidth;
1897
- height = elem.naturalHeight || elem.height || elem.offsetHeight;
1898
- setSize(width, height);
1899
- if(img){
1900
- img.remove();
1901
- img = false;
1902
- }
1903
- elem = null;
1904
- }, 9);
1905
- }
1906
- $(this).unbind();
1907
- })
1908
- .prop('src', posterSrc)
1909
- .appendTo('body')
1910
- .each(function(){
1911
- if(this.complete || this.error){
1912
- $(this).triggerHandler('alreadycomplete');
1913
- } else {
1914
- clearTimeout(errorTimer);
1915
- errorTimer = setTimeout(function(){
1916
- $(data._elem).triggerHandler('error');
1917
- }, 9999);
1918
- }
1919
- })
1920
- ;
1921
- };
1922
-
1923
- $(data._elem)
1924
- .bind('loadedmetadata', function(){
1925
- setSize($.prop(this, 'videoWidth'), $.prop(this, 'videoHeight'));
1926
- })
1927
- .bind('emptied', setPosterSrc)
1928
- .bind('swfstageresize updatemediaelementdimensions', function(){
1929
- if(blockResize){return;}
1930
- setSize(lastIntrinsicSize.width, lastIntrinsicSize.height);
1931
- })
1932
- .bind('emptied', function(){
1933
- lastIntrinsicSize = {};
1934
- })
1935
- .triggerHandler('swfstageresize')
1936
- ;
1937
-
1938
- setPosterSrc();
1939
- if($.prop(data._elem, 'readyState')){
1940
- setSize($.prop(data._elem, 'videoWidth'), $.prop(data._elem, 'videoHeight'));
1941
- }
1942
- };
1943
-
1944
- mediaelement.playerResize = function(id){
1945
- if(!id){return;}
1946
- var elem = document.getElementById(id.replace(idRep, ''));
1947
-
1948
- if(elem){
1949
- $(elem).triggerHandler('swfstageresize');
1950
- }
1951
- elem = null;
1952
- };
1953
-
1954
-
1955
- $(document).bind('emptied', function(e){
1956
- var data = getSwfDataFromElem(e.target);
1957
- startAutoPlay(data);
1958
- });
1959
-
1960
- var localConnectionTimer;
1961
- mediaelement.jwPlayerReady = function(jwData){
1962
- var data = getSwfDataFromID(jwData.id);
1963
- var passed = true;
1964
- var i = 0;
1965
- var doneFn = function(){
1966
- if(i > 9){return;}
1967
- i++;
1968
- if(initEvents(data)){
1969
- if(!data.wasSwfReady){
1970
- var version = parseFloat( jwData.version, 10);
1971
- if(version < 5.1 || version >= 6){
1972
- webshims.warn('mediaelement-swf is only testet with jwplayer 5.6+');
1973
- }
1974
- } else {
1975
- $(data._elem).mediaLoad();
1976
-
1977
- }
1978
- data.wasSwfReady = true;
1979
- data.tryedReframeing = 0;
1980
- workActionQueue(data);
1981
- startAutoPlay(data);
1982
- } else {
1983
- clearTimeout(data.reframeTimer);
1984
- data.reframeTimer = setTimeout(doneFn, 9 * i);
1985
- if(i > 2 && data.tryedReframeing < 9){
1986
- data.tryedReframeing++;
1987
- data.shadowElem.css({overflow: 'visible'});
1988
- setTimeout(function(){
1989
- data.shadowElem.css({overflow: 'hidden'});
1990
- }, 16);
1991
- }
1992
- }
1993
- };
1994
- if(!data || !data.jwapi){return;}
1995
- if(!data.tryedReframeing){
1996
- data.tryedReframeing = 0;
1997
- }
1998
- clearTimeout(localConnectionTimer);
1999
- data.jwData = jwData;
2000
- data.shadowElem.removeClass('flashblocker-assumed');
2001
- $.prop(data._elem, 'volume', data.volume);
2002
- $.prop(data._elem, 'muted', data.muted);
2003
- doneFn();
2004
-
2005
- };
2006
-
2007
- var addMediaToStopEvents = $.noop;
2008
- if(hasNative){
2009
- var stopEvents = {
2010
- play: 1,
2011
- playing: 1
2012
- };
2013
- var hideEvtArray = ['play', 'pause', 'playing', 'canplay', 'progress', 'waiting', 'ended', 'loadedmetadata', 'durationchange', 'emptied'];
2014
- var hidevents = hideEvtArray.map(function(evt){
2015
- return evt +'.webshimspolyfill';
2016
- }).join(' ');
2017
-
2018
- var hidePlayerEvents = function(event){
2019
- var data = webshims.data(event.target, 'mediaelement');
2020
- if(!data){return;}
2021
- var isNativeHTML5 = ( event.originalEvent && event.originalEvent.type === event.type );
2022
- if( isNativeHTML5 == (data.activating == 'third') ){
2023
- event.stopImmediatePropagation();
2024
- if(stopEvents[event.type] && data.isActive != data.activating){
2025
- $(event.target).pause();
2026
- }
2027
- }
2028
- };
2029
-
2030
- addMediaToStopEvents = function(elem){
2031
- $(elem)
2032
- .unbind(hidevents)
2033
- .bind(hidevents, hidePlayerEvents)
2034
- ;
2035
- hideEvtArray.forEach(function(evt){
2036
- webshims.moveToFirstEvent(elem, evt);
2037
- });
2038
- };
2039
- addMediaToStopEvents(document);
2040
- }
2041
-
2042
-
2043
- mediaelement.setActive = function(elem, type, data){
2044
- if(!data){
2045
- data = webshims.data(elem, 'mediaelement');
2046
- }
2047
- if(!data || data.isActive == type){return;}
2048
- if(type != 'html5' && type != 'third'){
2049
- webshims.warn('wrong type for mediaelement activating: '+ type);
2050
- }
2051
- var shadowData = webshims.data(elem, 'shadowData');
2052
- data.activating = type;
2053
- $(elem).pause();
2054
- data.isActive = type;
2055
- if(type == 'third'){
2056
- shadowData.shadowElement = shadowData.shadowFocusElement = data.shadowElem[0];
2057
- $(elem).addClass('swf-api-active nonnative-api-active').hide().getShadowElement().show();
2058
- } else {
2059
- $(elem).removeClass('swf-api-active nonnative-api-active').show().getShadowElement().hide();
2060
- shadowData.shadowElement = shadowData.shadowFocusElement = false;
2061
- }
2062
- $(elem).trigger('mediaelementapichange');
2063
- };
2064
-
2065
-
2066
-
2067
- var resetSwfProps = (function(){
2068
- var resetProtoProps = ['_bufferedEnd', '_bufferedStart', '_metadata', '_ppFlag', 'currentSrc', 'currentTime', 'duration', 'ended', 'networkState', 'paused', 'videoHeight', 'videoWidth', '_callMeta', '_durationCalcs'];
2069
- var len = resetProtoProps.length;
2070
- return function(data){
2071
-
2072
- if(!data){return;}
2073
- var lenI = len;
2074
- var networkState = data.networkState;
2075
- setReadyState(0, data);
2076
- while(--lenI){
2077
- delete data[resetProtoProps[lenI]];
2078
- }
2079
- data.actionQueue = [];
2080
- data.buffered.length = 0;
2081
- if(networkState){
2082
- trigger(data._elem, 'emptied');
2083
- }
2084
- };
2085
- })();
2086
-
2087
- var setElementDimension = function(data, hasControls){
2088
- var elem = data._elem;
2089
- var box = data.shadowElem;
2090
- $(elem)[hasControls ? 'addClass' : 'removeClass']('webshims-controls');
2091
- if(data._elemNodeName == 'audio' && !hasControls){
2092
- box.css({width: 0, height: 0});
2093
- } else {
2094
- box.css({
2095
- width: elem.style.width || $(elem).width(),
2096
- height: elem.style.height || $(elem).height()
2097
- });
2098
- }
2099
- };
2100
-
2101
- mediaelement.createSWF = function( elem, canPlaySrc, data ){
2102
- if(!hasFlash){
2103
- setTimeout(function(){
2104
- $(elem).mediaLoad(); //<- this should produce a mediaerror
2105
- }, 1);
2106
- return;
2107
- }
2108
-
2109
- if(loadedSwf < 1){
2110
- loadedSwf = 1;
2111
- } else {
2112
- loadedSwf++;
2113
- }
2114
- var vars = $.extend({}, options.jwVars, {
2115
- image: $.prop(elem, 'poster') || '',
2116
- file: canPlaySrc.srcProp
2117
- });
2118
- var elemVars = $(elem).data('jwvars') || {};
2119
-
2120
- if(!data){
2121
- data = webshims.data(elem, 'mediaelement');
2122
- }
2123
-
2124
- if(data && data.swfCreated){
2125
- mediaelement.setActive(elem, 'third', data);
2126
- resetSwfProps(data);
2127
- data.currentSrc = canPlaySrc.srcProp;
2128
- $.extend(vars, elemVars);
2129
- options.changeJW(vars, elem, canPlaySrc, data, 'load');
2130
- queueSwfMethod(elem, SENDEVENT, ['LOAD', vars]);
2131
- return;
2132
- }
2133
-
2134
-
2135
- var hasControls = $.prop(elem, 'controls');
2136
- var elemId = 'jwplayer-'+ webshims.getID(elem);
2137
- var params = $.extend(
2138
- {},
2139
- options.jwParams,
2140
- $(elem).data('jwparams')
2141
- );
2142
- var elemNodeName = elem.nodeName.toLowerCase();
2143
- var attrs = $.extend(
2144
- {},
2145
- options.jwAttrs,
2146
- {
2147
- name: elemId,
2148
- id: elemId
2149
- },
2150
- $(elem).data('jwattrs')
2151
- );
2152
- var box = $('<div class="polyfill-'+ (elemNodeName) +' polyfill-mediaelement" id="wrapper-'+ elemId +'"><div id="'+ elemId +'"></div>')
2153
- .css({
2154
- position: 'relative',
2155
- overflow: 'hidden'
2156
- })
2157
- ;
2158
- data = webshims.data(elem, 'mediaelement', webshims.objectCreate(playerStateObj, {
2159
- actionQueue: {
2160
- value: []
2161
- },
2162
- shadowElem: {
2163
- value: box
2164
- },
2165
- _elemNodeName: {
2166
- value: elemNodeName
2167
- },
2168
- _elem: {
2169
- value: elem
2170
- },
2171
- currentSrc: {
2172
- value: canPlaySrc.srcProp
2173
- },
2174
- swfCreated: {
2175
- value: true
2176
- },
2177
- buffered: {
2178
- value: {
2179
- start: function(index){
2180
- if(index >= data.buffered.length){
2181
- webshims.error('buffered index size error');
2182
- return;
2183
- }
2184
- return 0;
2185
- },
2186
- end: function(index){
2187
- if(index >= data.buffered.length){
2188
- webshims.error('buffered index size error');
2189
- return;
2190
- }
2191
- return ( (data.duration - data._bufferedStart) * data._bufferedEnd / 100) + data._bufferedStart;
2192
- },
2193
- length: 0
2194
- }
2195
- }
2196
- }));
2197
-
2198
- setElementDimension(data, hasControls);
2199
-
2200
- box.insertBefore(elem);
2201
-
2202
- if(hasNative){
2203
- $.extend(data, {volume: $.prop(elem, 'volume'), muted: $.prop(elem, 'muted')});
2204
- }
2205
-
2206
- $.extend(vars,
2207
- {
2208
- id: elemId,
2209
- controlbar: hasControls ? options.jwVars.controlbar || (elemNodeName == 'video' ? 'over' : 'bottom') : (elemNodeName == 'video') ? 'none' : 'bottom',
2210
- icons: ''+ (hasControls && elemNodeName == 'video')
2211
- },
2212
- elemVars,
2213
- {playerready: 'jQuery.webshims.mediaelement.jwPlayerReady'}
2214
- );
2215
- if(vars.plugins){
2216
- vars.plugins += ','+jwplugin;
2217
- } else {
2218
- vars.plugins = jwplugin;
2219
- }
2220
-
2221
-
2222
- webshims.addShadowDom(elem, box);
2223
-
2224
- addMediaToStopEvents(elem);
2225
-
2226
- mediaelement.setActive(elem, 'third', data);
2227
-
2228
- options.changeJW(vars, elem, canPlaySrc, data, 'embed');
2229
-
2230
- $(elem).bind('updatemediaelementdimensions updateshadowdom', function(){
2231
- setElementDimension(data, $.prop(elem, 'controls'));
2232
- });
2233
-
2234
- startIntrinsicDimension(data);
2235
-
2236
- swfobject.embedSWF(playerSwfPath, elemId, "100%", "100%", "9.0.0", false, vars, params, attrs, function(swfData){
2237
-
2238
- if(swfData.success){
2239
- data.jwapi = swfData.ref;
2240
-
2241
- if(!hasControls){
2242
- $(swfData.ref).attr('tabindex', '-1').css('outline', 'none');
2243
- }
2244
- setTimeout(function(){
2245
- if((!swfData.ref.parentNode && box[0].parentNode) || swfData.ref.style.display == "none"){
2246
- box.addClass('flashblocker-assumed');
2247
- $(elem).trigger('flashblocker');
2248
- webshims.warn("flashblocker assumed");
2249
- }
2250
- $(swfData.ref).css({'minHeight': '2px', 'minWidth': '2px', display: 'block'});
2251
- }, 9);
2252
- if(!localConnectionTimer){
2253
- clearTimeout(localConnectionTimer);
2254
- localConnectionTimer = setTimeout(function(){
2255
- var flash = $(swfData.ref);
2256
- if(flash[0].offsetWidth > 1 && flash[0].offsetHeight > 1 && location.protocol.indexOf('file:') === 0){
2257
- webshims.error("Add your local development-directory to the local-trusted security sandbox: http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager04.html");
2258
- } else if(flash[0].offsetWidth < 2 || flash[0].offsetHeight < 2) {
2259
- webshims.warn("JS-SWF connection can't be established on hidden or unconnected flash objects");
2260
- }
2261
- flash = null;
2262
- }, 8000);
2263
- }
2264
- }
2265
- });
2266
- };
2267
-
2268
-
2269
- var queueSwfMethod = function(elem, fn, args, data){
2270
- data = data || getSwfDataFromElem(elem);
2271
- if(data){
2272
- if(data.jwapi && data.jwapi[fn]){
2273
- data.jwapi[fn].apply(data.jwapi, args || []);
2274
- } else {
2275
- //todo add to queue
2276
- data.actionQueue.push({fn: fn, args: args});
2277
- if(data.actionQueue.length > 10){
2278
- setTimeout(function(){
2279
- if(data.actionQueue.length > 5){
2280
- data.actionQueue.shift();
2281
- }
2282
- }, 99);
2283
- }
2284
- }
2285
- return data;
2286
- }
2287
- return false;
2288
- };
2289
-
2290
- ['audio', 'video'].forEach(function(nodeName){
2291
- var descs = {};
2292
- var mediaSup;
2293
- var createGetProp = function(key){
2294
- if(nodeName == 'audio' && (key == 'videoHeight' || key == 'videoWidth')){return;}
2295
-
2296
- descs[key] = {
2297
- get: function(){
2298
- var data = getSwfDataFromElem(this);
2299
- if(data){
2300
- return data[key];
2301
- } else if(hasNative && mediaSup[key].prop._supget) {
2302
- return mediaSup[key].prop._supget.apply(this);
2303
- } else {
2304
- return playerStateObj[key];
2305
- }
2306
- },
2307
- writeable: false
2308
- };
2309
- };
2310
- var createGetSetProp = function(key, setFn){
2311
- createGetProp(key);
2312
- delete descs[key].writeable;
2313
- descs[key].set = setFn;
2314
- };
2315
-
2316
- createGetSetProp('volume', function(v){
2317
- var data = getSwfDataFromElem(this);
2318
- if(data){
2319
- v *= 100;
2320
- if(!isNaN(v)){
2321
- var muted = data.muted;
2322
- if(v < 0 || v > 100){
2323
- webshims.error('volume greater or less than allowed '+ (v / 100));
2324
- }
2325
-
2326
- queueSwfMethod(this, SENDEVENT, ['VOLUME', v], data);
2327
- if(muted){
2328
- try {
2329
- data.jwapi.sendEvent('mute', 'true');
2330
- } catch(er){}
2331
- }
2332
- v /= 100;
2333
- if(data.volume == v || data.isActive != 'third'){return;}
2334
- data.volume = v;
2335
- trigger(data._elem, 'volumechange');
2336
- data = null;
2337
- }
2338
- } else if(mediaSup.volume.prop._supset) {
2339
- return mediaSup.volume.prop._supset.apply(this, arguments);
2340
- }
2341
- });
2342
-
2343
- createGetSetProp('muted', function(m){
2344
- var data = getSwfDataFromElem(this);
2345
- if(data){
2346
- m = !!m;
2347
- queueSwfMethod(this, SENDEVENT, ['mute', ''+m], data);
2348
- if(data.muted == m || data.isActive != 'third'){return;}
2349
- data.muted = m;
2350
- trigger(data._elem, 'volumechange');
2351
- data = null;
2352
- } else if(mediaSup.muted.prop._supset) {
2353
- return mediaSup.muted.prop._supset.apply(this, arguments);
2354
- }
2355
- });
2356
-
2357
-
2358
- createGetSetProp('currentTime', function(t){
2359
- var data = getSwfDataFromElem(this);
2360
- if(data){
2361
- t *= 1;
2362
- if (!isNaN(t)) {
2363
- if(data.paused){
2364
- clearTimeout(data.stopPlayPause);
2365
- data.stopPlayPause = setTimeout(function(){
2366
- data.paused = true;
2367
- data.stopPlayPause = false;
2368
- }, 50);
2369
- }
2370
- queueSwfMethod(this, SENDEVENT, ['SEEK', '' + t], data);
2371
-
2372
- if(data.paused){
2373
- if(data.readyState > 0){
2374
- data.currentTime = t;
2375
- trigger(data._elem, 'timeupdate');
2376
- }
2377
- try {
2378
- data.jwapi[SENDEVENT]('play', 'false');
2379
- } catch(er){}
2380
-
2381
- }
2382
- }
2383
-
2384
- } else if(mediaSup.currentTime.prop._supset) {
2385
- return mediaSup.currentTime.prop._supset.apply(this, arguments);
2386
- }
2387
- });
2388
-
2389
- ['play', 'pause'].forEach(function(fn){
2390
- descs[fn] = {
2391
- value: function(){
2392
- var data = getSwfDataFromElem(this);
2393
- if(data){
2394
- if(data.stopPlayPause){
2395
- clearTimeout(data.stopPlayPause);
2396
- }
2397
- queueSwfMethod(this, SENDEVENT, ['play', fn == 'play'], data);
2398
- setTimeout(function(){
2399
- if(data.isActive == 'third'){
2400
- data._ppFlag = true;
2401
- if(data.paused != (fn != 'play')){
2402
- data.paused = fn != 'play';
2403
- trigger(data._elem, fn);
2404
- }
2405
- }
2406
- }, 1);
2407
- } else if(mediaSup[fn].prop._supvalue) {
2408
- return mediaSup[fn].prop._supvalue.apply(this, arguments);
2409
- }
2410
- }
2411
- };
2412
- });
2413
-
2414
- getPropKeys.forEach(createGetProp);
2415
-
2416
- webshims.onNodeNamesPropertyModify(nodeName, 'controls', function(val, boolProp){
2417
- var data = getSwfDataFromElem(this);
2418
- $(this)[boolProp ? 'addClass' : 'removeClass']('webshims-controls');
2419
-
2420
- if(data){
2421
- try {
2422
- queueSwfMethod(this, boolProp ? 'showControls' : 'hideControls', [nodeName], data);
2423
- } catch(er){
2424
- webshims.warn("you need to generate a crossdomain.xml");
2425
- }
2426
- if(nodeName == 'audio'){
2427
- setElementDimension(data, boolProp);
2428
- }
2429
- $(data.jwapi).attr('tabindex', boolProp ? '0' : '-1');
2430
- }
2431
- });
2432
-
2433
- mediaSup = webshims.defineNodeNameProperties(nodeName, descs, 'prop');
2434
- });
2435
-
2436
- if(hasFlash){
2437
- var oldClean = $.cleanData;
2438
- var gcBrowser = $.browser.msie && webshims.browserVersion < 9;
2439
- var flashNames = {
2440
- object: 1,
2441
- OBJECT: 1
2442
- };
2443
- $.cleanData = function(elems){
2444
- var i, len, prop;
2445
- if(elems && (len = elems.length) && loadedSwf){
2446
-
2447
- for(i = 0; i < len; i++){
2448
- if(flashNames[elems[i].nodeName]){
2449
- if(SENDEVENT in elems[i]){
2450
- loadedSwf--;
2451
- try {
2452
- elems[i][SENDEVENT]('play', false);
2453
- } catch(er){}
2454
- }
2455
- if(gcBrowser){
2456
- try {
2457
- for (prop in elems[i]) {
2458
- if (typeof elems[i][prop] == "function") {
2459
- elems[i][prop] = null;
2460
- }
2461
- }
2462
- } catch(er){}
2463
- }
2464
- }
2465
- }
2466
-
2467
- }
2468
- return oldClean.apply(this, arguments);
2469
- };
2470
- }
2471
-
2472
- if(!hasNative){
2473
-
2474
- ['poster', 'src'].forEach(function(prop){
2475
- webshims.defineNodeNamesProperty(prop == 'src' ? ['audio', 'video', 'source'] : ['video'], prop, {
2476
- //attr: {},
2477
- reflect: true,
2478
- propType: 'src'
2479
- });
2480
- });
2481
-
2482
-
2483
- ['autoplay', 'controls'].forEach(function(name){
2484
- webshims.defineNodeNamesBooleanProperty(['audio', 'video'], name);
2485
- });
2486
-
2487
- webshims.defineNodeNamesProperties(['audio', 'video'], {
2488
- HAVE_CURRENT_DATA: {
2489
- value: 2
2490
- },
2491
- HAVE_ENOUGH_DATA: {
2492
- value: 4
2493
- },
2494
- HAVE_FUTURE_DATA: {
2495
- value: 3
2496
- },
2497
- HAVE_METADATA: {
2498
- value: 1
2499
- },
2500
- HAVE_NOTHING: {
2501
- value: 0
2502
- },
2503
- NETWORK_EMPTY: {
2504
- value: 0
2505
- },
2506
- NETWORK_IDLE: {
2507
- value: 1
2508
- },
2509
- NETWORK_LOADING: {
2510
- value: 2
2511
- },
2512
- NETWORK_NO_SOURCE: {
2513
- value: 3
2514
- }
2515
-
2516
- }, 'prop');
2517
- }
2518
-
1
+ //DOM-Extension helper
2
+ jQuery.webshims.register('dom-extend', function($, webshims, window, document, undefined){
3
+ "use strict";
4
+ //shortcus
5
+ var modules = webshims.modules;
6
+ var listReg = /\s*,\s*/;
7
+
8
+ //proxying attribute
9
+ var olds = {};
10
+ var havePolyfill = {};
11
+ var extendedProps = {};
12
+ var extendQ = {};
13
+ var modifyProps = {};
14
+
15
+ var oldVal = $.fn.val;
16
+ var singleVal = function(elem, name, val, pass, _argless){
17
+ return (_argless) ? oldVal.call($(elem)) : oldVal.call($(elem), val);
18
+ };
19
+ $.fn.val = function(val){
20
+ var elem = this[0];
21
+ if(arguments.length && val == null){
22
+ val = '';
23
+ }
24
+ if(!arguments.length){
25
+ if(!elem || elem.nodeType !== 1){return oldVal.call(this);}
26
+ return $.prop(elem, 'value', val, 'val', true);
27
+ }
28
+ if($.isArray(val)){
29
+ return oldVal.apply(this, arguments);
30
+ }
31
+ var isFunction = $.isFunction(val);
32
+ return this.each(function(i){
33
+ elem = this;
34
+ if(elem.nodeType === 1){
35
+ if(isFunction){
36
+ var genVal = val.call( elem, i, $.prop(elem, 'value', undefined, 'val', true));
37
+ if(genVal == null){
38
+ genVal = '';
39
+ }
40
+ $.prop(elem, 'value', genVal, 'val') ;
41
+ } else {
42
+ $.prop(elem, 'value', val, 'val');
43
+ }
44
+ }
45
+ });
46
+ };
47
+
48
+ var dataID = '_webshimsLib'+ (Math.round(Math.random() * 1000));
49
+ var elementData = function(elem, key, val){
50
+ elem = elem.jquery ? elem[0] : elem;
51
+ if(!elem){return val || {};}
52
+ var data = $.data(elem, dataID);
53
+ if(val !== undefined){
54
+ if(!data){
55
+ data = $.data(elem, dataID, {});
56
+ }
57
+ if(key){
58
+ data[key] = val;
59
+ }
60
+ }
61
+
62
+ return key ? data && data[key] : data;
63
+ };
64
+
65
+
66
+ [{name: 'getNativeElement', prop: 'nativeElement'}, {name: 'getShadowElement', prop: 'shadowElement'}, {name: 'getShadowFocusElement', prop: 'shadowFocusElement'}].forEach(function(data){
67
+ $.fn[data.name] = function(){
68
+ return this.map(function(){
69
+ var shadowData = elementData(this, 'shadowData');
70
+ return shadowData && shadowData[data.prop] || this;
71
+ });
72
+ };
73
+ });
74
+
75
+
76
+ ['removeAttr', 'prop', 'attr'].forEach(function(type){
77
+ olds[type] = $[type];
78
+ $[type] = function(elem, name, value, pass, _argless){
79
+ var isVal = (pass == 'val');
80
+ var oldMethod = !isVal ? olds[type] : singleVal;
81
+ if( !elem || !havePolyfill[name] || elem.nodeType !== 1 || (!isVal && pass && type == 'attr' && $.attrFn[name]) ){
82
+ return oldMethod(elem, name, value, pass, _argless);
83
+ }
84
+
85
+ var nodeName = (elem.nodeName || '').toLowerCase();
86
+ var desc = extendedProps[nodeName];
87
+ var curType = (type == 'attr' && (value === false || value === null)) ? 'removeAttr' : type;
88
+ var propMethod;
89
+ var oldValMethod;
90
+ var ret;
91
+
92
+
93
+ if(!desc){
94
+ desc = extendedProps['*'];
95
+ }
96
+ if(desc){
97
+ desc = desc[name];
98
+ }
99
+
100
+ if(desc){
101
+ propMethod = desc[curType];
102
+ }
103
+
104
+ if(propMethod){
105
+ if(name == 'value'){
106
+ oldValMethod = propMethod.isVal;
107
+ propMethod.isVal = isVal;
108
+ }
109
+ if(curType === 'removeAttr'){
110
+ return propMethod.value.call(elem);
111
+ } else if(value === undefined){
112
+ return (propMethod.get) ?
113
+ propMethod.get.call(elem) :
114
+ propMethod.value
115
+ ;
116
+ } else if(propMethod.set) {
117
+ if(type == 'attr' && value === true){
118
+ value = name;
119
+ }
120
+
121
+ ret = propMethod.set.call(elem, value);
122
+ }
123
+ if(name == 'value'){
124
+ propMethod.isVal = oldValMethod;
125
+ }
126
+ } else {
127
+ ret = oldMethod(elem, name, value, pass, _argless);
128
+ }
129
+ if((value !== undefined || curType === 'removeAttr') && modifyProps[nodeName] && modifyProps[nodeName][name]){
130
+
131
+ var boolValue;
132
+ if(curType == 'removeAttr'){
133
+ boolValue = false;
134
+ } else if(curType == 'prop'){
135
+ boolValue = !!(value);
136
+ } else {
137
+ boolValue = true;
138
+ }
139
+
140
+ modifyProps[nodeName][name].forEach(function(fn){
141
+ if(!fn.only || (fn.only = 'prop' && type == 'prop') || (fn.only == 'attr' && type != 'prop')){
142
+ fn.call(elem, value, boolValue, (isVal) ? 'val' : curType, type);
143
+ }
144
+ });
145
+ }
146
+ return ret;
147
+ };
148
+
149
+ extendQ[type] = function(nodeName, prop, desc){
150
+
151
+ if(!extendedProps[nodeName]){
152
+ extendedProps[nodeName] = {};
153
+ }
154
+ if(!extendedProps[nodeName][prop]){
155
+ extendedProps[nodeName][prop] = {};
156
+ }
157
+ var oldDesc = extendedProps[nodeName][prop][type];
158
+ var getSup = function(propType, descriptor, oDesc){
159
+ if(descriptor && descriptor[propType]){
160
+ return descriptor[propType];
161
+ }
162
+ if(oDesc && oDesc[propType]){
163
+ return oDesc[propType];
164
+ }
165
+ if(type == 'prop' && prop == 'value'){
166
+ return function(value){
167
+ var elem = this;
168
+ return (desc.isVal) ?
169
+ singleVal(elem, prop, value, false, (arguments.length === 0)) :
170
+ olds[type](elem, prop, value)
171
+ ;
172
+ };
173
+ }
174
+ if(type == 'prop' && propType == 'value' && desc.value.apply){
175
+ return function(value){
176
+ var sup = olds[type](this, prop);
177
+ if(sup && sup.apply){
178
+ sup = sup.apply(this, arguments);
179
+ }
180
+ return sup;
181
+ };
182
+ }
183
+ return function(value){
184
+ return olds[type](this, prop, value);
185
+ };
186
+ };
187
+ extendedProps[nodeName][prop][type] = desc;
188
+ if(desc.value === undefined){
189
+ if(!desc.set){
190
+ desc.set = desc.writeable ?
191
+ getSup('set', desc, oldDesc) :
192
+ (webshims.cfg.useStrict && prop == 'prop') ?
193
+ function(){throw(prop +' is readonly on '+ nodeName);} :
194
+ $.noop
195
+ ;
196
+ }
197
+ if(!desc.get){
198
+ desc.get = getSup('get', desc, oldDesc);
199
+ }
200
+
201
+ }
202
+
203
+ ['value', 'get', 'set'].forEach(function(descProp){
204
+ if(desc[descProp]){
205
+ desc['_sup'+descProp] = getSup(descProp, oldDesc);
206
+ }
207
+ });
208
+ };
209
+
210
+ });
211
+
212
+ //see also: https://github.com/lojjic/PIE/issues/40 | https://prototype.lighthouseapp.com/projects/8886/tickets/1107-ie8-fatal-crash-when-prototypejs-is-loaded-with-rounded-cornershtc
213
+ var isExtendNativeSave = (!$.browser.msie || parseInt($.browser.version, 10) > 8);
214
+ var extendNativeValue = (function(){
215
+ var UNKNOWN = webshims.getPrototypeOf(document.createElement('foobar'));
216
+ var has = Object.prototype.hasOwnProperty;
217
+ return function(nodeName, prop, desc){
218
+ var elem = document.createElement(nodeName);
219
+ var elemProto = webshims.getPrototypeOf(elem);
220
+ if( isExtendNativeSave && elemProto && UNKNOWN !== elemProto && ( !elem[prop] || !has.call(elem, prop) ) ){
221
+ var sup = elem[prop];
222
+ desc._supvalue = function(){
223
+ if(sup && sup.apply){
224
+ return sup.apply(this, arguments);
225
+ }
226
+ return sup;
227
+ };
228
+ elemProto[prop] = desc.value;
229
+ } else {
230
+ desc._supvalue = function(){
231
+ var data = elementData(this, 'propValue');
232
+ if(data && data[prop] && data[prop].apply){
233
+ return data[prop].apply(this, arguments);
234
+ }
235
+ return data && data[prop];
236
+ };
237
+ initProp.extendValue(nodeName, prop, desc.value);
238
+ }
239
+ desc.value._supvalue = desc._supvalue;
240
+ };
241
+ })();
242
+
243
+ var initProp = (function(){
244
+
245
+ var initProps = {};
246
+
247
+ webshims.addReady(function(context, contextElem){
248
+ var nodeNameCache = {};
249
+ var getElementsByName = function(name){
250
+ if(!nodeNameCache[name]){
251
+ nodeNameCache[name] = $(context.getElementsByTagName(name));
252
+ if(contextElem[0] && $.nodeName(contextElem[0], name)){
253
+ nodeNameCache[name] = nodeNameCache[name].add(contextElem);
254
+ }
255
+ }
256
+ };
257
+
258
+
259
+ $.each(initProps, function(name, fns){
260
+ getElementsByName(name);
261
+ if(!fns || !fns.forEach){
262
+ webshims.warn('Error: with '+ name +'-property. methods: '+ fns);
263
+ return;
264
+ }
265
+ fns.forEach(function(fn){
266
+ nodeNameCache[name].each(fn);
267
+ });
268
+ });
269
+ nodeNameCache = null;
270
+ });
271
+
272
+ var tempCache;
273
+ var emptyQ = $([]);
274
+ var createNodeNameInit = function(nodeName, fn){
275
+ if(!initProps[nodeName]){
276
+ initProps[nodeName] = [fn];
277
+ } else {
278
+ initProps[nodeName].push(fn);
279
+ }
280
+ if($.isDOMReady){
281
+ (tempCache || $( document.getElementsByTagName(nodeName) )).each(fn);
282
+ }
283
+ };
284
+
285
+ var elementExtends = {};
286
+ return {
287
+ createTmpCache: function(nodeName){
288
+ if($.isDOMReady){
289
+ tempCache = tempCache || $( document.getElementsByTagName(nodeName) );
290
+ }
291
+ return tempCache || emptyQ;
292
+ },
293
+ flushTmpCache: function(){
294
+ tempCache = null;
295
+ },
296
+ content: function(nodeName, prop){
297
+ createNodeNameInit(nodeName, function(){
298
+ var val = $.attr(this, prop);
299
+ if(val != null){
300
+ $.attr(this, prop, val);
301
+ }
302
+ });
303
+ },
304
+ createElement: function(nodeName, fn){
305
+ createNodeNameInit(nodeName, fn);
306
+ },
307
+ extendValue: function(nodeName, prop, value){
308
+ createNodeNameInit(nodeName, function(){
309
+ $(this).each(function(){
310
+ var data = elementData(this, 'propValue', {});
311
+ data[prop] = this[prop];
312
+ this[prop] = value;
313
+ });
314
+ });
315
+ }
316
+ };
317
+ })();
318
+
319
+ var createPropDefault = function(descs, removeType){
320
+ if(descs.defaultValue === undefined){
321
+ descs.defaultValue = '';
322
+ }
323
+ if(!descs.removeAttr){
324
+ descs.removeAttr = {
325
+ value: function(){
326
+ descs[removeType || 'prop'].set.call(this, descs.defaultValue);
327
+ descs.removeAttr._supvalue.call(this);
328
+ }
329
+ };
330
+ }
331
+ if(!descs.attr){
332
+ descs.attr = {};
333
+ }
334
+ };
335
+
336
+ $.extend(webshims, {
337
+
338
+ getID: (function(){
339
+ var ID = new Date().getTime();
340
+ return function(elem){
341
+ elem = $(elem);
342
+ var id = elem.attr('id');
343
+ if(!id){
344
+ ID++;
345
+ id = 'ID-'+ ID;
346
+ elem.attr('id', id);
347
+ }
348
+ return id;
349
+ };
350
+ })(),
351
+ extendUNDEFProp: function(obj, props){
352
+ $.each(props, function(name, prop){
353
+ if( !(name in obj) ){
354
+ obj[name] = prop;
355
+ }
356
+ });
357
+ },
358
+ //http://www.w3.org/TR/html5/common-dom-interfaces.html#reflect
359
+ createPropDefault: createPropDefault,
360
+ data: elementData,
361
+ moveToFirstEvent: (function(){
362
+ var getData = $._data ? '_data' : 'data';
363
+ return function(elem, eventType, bindType){
364
+ var events = ($[getData](elem, 'events') || {})[eventType];
365
+ var fn;
366
+
367
+ if(events && events.length > 1){
368
+ fn = events.pop();
369
+ if(!bindType){
370
+ bindType = 'bind';
371
+ }
372
+ if(bindType == 'bind' && events.delegateCount){
373
+ events.splice( events.delegateCount, 0, fn);
374
+ } else {
375
+ events.unshift( fn );
376
+ }
377
+
378
+
379
+ }
380
+ elem = null;
381
+ };
382
+ })(),
383
+ addShadowDom: (function(){
384
+ var resizeTimer;
385
+ var lastHeight;
386
+ var lastWidth;
387
+
388
+ var docObserve = {
389
+ init: false,
390
+ runs: 0,
391
+ test: function(){
392
+ var height = docObserve.getHeight();
393
+ var width = docObserve.getWidth();
394
+ if(height != docObserve.height || width != docObserve.width){
395
+ docObserve.height = height;
396
+ docObserve.width = width;
397
+ docObserve.handler({type: 'docresize'});
398
+ docObserve.runs++;
399
+ if(docObserve.runs < 30){
400
+ setTimeout(docObserve.test, 30);
401
+ }
402
+ } else {
403
+ docObserve.runs = 0;
404
+ }
405
+ },
406
+ handler: function(e){
407
+ clearTimeout(resizeTimer);
408
+ resizeTimer = setTimeout(function(){
409
+ if(e.type == 'resize'){
410
+ var width = $(window).width();
411
+ var height = $(window).width();
412
+ if(height == lastHeight && width == lastWidth){
413
+ return;
414
+ }
415
+ lastHeight = height;
416
+ lastWidth = width;
417
+
418
+ docObserve.height = docObserve.getHeight();
419
+ docObserve.width = docObserve.getWidth();
420
+
421
+ }
422
+ $.event.trigger('updateshadowdom');
423
+ }, (e.type == 'resize') ? 50 : 9);
424
+ },
425
+ _create: function(){
426
+ $.each({ Height: "getHeight", Width: "getWidth" }, function(name, type){
427
+ var body = document.body;
428
+ var doc = document.documentElement;
429
+ docObserve[type] = function(){
430
+ return Math.max(
431
+ body[ "scroll" + name ], doc[ "scroll" + name ],
432
+ body[ "offset" + name ], doc[ "offset" + name ],
433
+ doc[ "client" + name ]
434
+ );
435
+ };
436
+ });
437
+ },
438
+ start: function(){
439
+ if(!this.init && document.body){
440
+ this.init = true;
441
+ this._create();
442
+ this.height = docObserve.getHeight();
443
+ this.width = docObserve.getWidth();
444
+ setInterval(this.test, 400);
445
+ $(this.test);
446
+ $(window).bind('load', this.test);
447
+ $(window).bind('resize', this.handler);
448
+ (function(){
449
+ var oldAnimate = $.fn.animate;
450
+ var animationTimer;
451
+
452
+ $.fn.animate = function(){
453
+ clearTimeout(animationTimer);
454
+ animationTimer = setTimeout(function(){
455
+ docObserve.test();
456
+ docObserve.handler({type: 'animationstart'});
457
+ }, 19);
458
+
459
+ return oldAnimate.apply(this, arguments);
460
+ };
461
+ })();
462
+ }
463
+ }
464
+ };
465
+
466
+
467
+ $.event.customEvent.updateshadowdom = true;
468
+ webshims.docObserve = function(){
469
+ webshims.ready('DOM', function(){
470
+ docObserve.start();
471
+ });
472
+ };
473
+ return function(nativeElem, shadowElem, opts){
474
+ opts = opts || {};
475
+ if(nativeElem.jquery){
476
+ nativeElem = nativeElem[0];
477
+ }
478
+ if(shadowElem.jquery){
479
+ shadowElem = shadowElem[0];
480
+ }
481
+ var nativeData = $.data(nativeElem, dataID) || $.data(nativeElem, dataID, {});
482
+ var shadowData = $.data(shadowElem, dataID) || $.data(shadowElem, dataID, {});
483
+ var shadowFocusElementData = {};
484
+ if(!opts.shadowFocusElement){
485
+ opts.shadowFocusElement = shadowElem;
486
+ } else if(opts.shadowFocusElement){
487
+ if(opts.shadowFocusElement.jquery){
488
+ opts.shadowFocusElement = opts.shadowFocusElement[0];
489
+ }
490
+ shadowFocusElementData = $.data(opts.shadowFocusElement, dataID) || $.data(opts.shadowFocusElement, dataID, shadowFocusElementData);
491
+ }
492
+
493
+ nativeData.hasShadow = shadowElem;
494
+ shadowFocusElementData.nativeElement = shadowData.nativeElement = nativeElem;
495
+ shadowFocusElementData.shadowData = shadowData.shadowData = nativeData.shadowData = {
496
+ nativeElement: nativeElem,
497
+ shadowElement: shadowElem,
498
+ shadowFocusElement: opts.shadowFocusElement
499
+ };
500
+ if(opts.shadowChilds){
501
+ opts.shadowChilds.each(function(){
502
+ elementData(this, 'shadowData', shadowData.shadowData);
503
+ });
504
+ }
505
+
506
+ if(opts.data){
507
+ shadowFocusElementData.shadowData.data = shadowData.shadowData.data = nativeData.shadowData.data = opts.data;
508
+ }
509
+ opts = null;
510
+ webshims.docObserve();
511
+ };
512
+ })(),
513
+ propTypes: {
514
+ standard: function(descs, name){
515
+ createPropDefault(descs);
516
+ if(descs.prop){return;}
517
+ descs.prop = {
518
+ set: function(val){
519
+ descs.attr.set.call(this, ''+val);
520
+ },
521
+ get: function(){
522
+ return descs.attr.get.call(this) || descs.defaultValue;
523
+ }
524
+ };
525
+
526
+ },
527
+ "boolean": function(descs, name){
528
+
529
+ createPropDefault(descs);
530
+ if(descs.prop){return;}
531
+ descs.prop = {
532
+ set: function(val){
533
+ if(val){
534
+ descs.attr.set.call(this, "");
535
+ } else {
536
+ descs.removeAttr.value.call(this);
537
+ }
538
+ },
539
+ get: function(){
540
+ return descs.attr.get.call(this) != null;
541
+ }
542
+ };
543
+ },
544
+ "src": (function(){
545
+ var anchor = document.createElement('a');
546
+ anchor.style.display = "none";
547
+ return function(descs, name){
548
+
549
+ createPropDefault(descs);
550
+ if(descs.prop){return;}
551
+ descs.prop = {
552
+ set: function(val){
553
+ descs.attr.set.call(this, val);
554
+ },
555
+ get: function(){
556
+ var href = this.getAttribute(name);
557
+ var ret;
558
+ if(href == null){return '';}
559
+
560
+ anchor.setAttribute('href', href+'' );
561
+
562
+ if(!$.support.hrefNormalized){
563
+ try {
564
+ $(anchor).insertAfter(this);
565
+ ret = anchor.getAttribute('href', 4);
566
+ } catch(er){
567
+ ret = anchor.getAttribute('href', 4);
568
+ }
569
+ $(anchor).detach();
570
+ }
571
+ return ret || anchor.href;
572
+ }
573
+ };
574
+ };
575
+ })(),
576
+ enumarated: function(descs, name){
577
+
578
+ createPropDefault(descs);
579
+ if(descs.prop){return;}
580
+ descs.prop = {
581
+ set: function(val){
582
+ descs.attr.set.call(this, val);
583
+ },
584
+ get: function(){
585
+ var val = (descs.attr.get.call(this) || '').toLowerCase();
586
+ if(!val || descs.limitedTo.indexOf(val) == -1){
587
+ val = descs.defaultValue;
588
+ }
589
+ return val;
590
+ }
591
+ };
592
+ }
593
+
594
+ // ,unsignedLong: $.noop
595
+ // ,"doubble": $.noop
596
+ // ,"long": $.noop
597
+ // ,tokenlist: $.noop
598
+ // ,settableTokenlist: $.noop
599
+ },
600
+ reflectProperties: function(nodeNames, props){
601
+ if(typeof props == 'string'){
602
+ props = props.split(listReg);
603
+ }
604
+ props.forEach(function(prop){
605
+ webshims.defineNodeNamesProperty(nodeNames, prop, {
606
+ prop: {
607
+ set: function(val){
608
+ $.attr(this, prop, val);
609
+ },
610
+ get: function(){
611
+ return $.attr(this, prop) || '';
612
+ }
613
+ }
614
+ });
615
+ });
616
+ },
617
+ defineNodeNameProperty: function(nodeName, prop, descs){
618
+ havePolyfill[prop] = true;
619
+
620
+ if(descs.reflect){
621
+ webshims.propTypes[descs.propType || 'standard'](descs, prop);
622
+ }
623
+
624
+ ['prop', 'attr', 'removeAttr'].forEach(function(type){
625
+ var desc = descs[type];
626
+ if(desc){
627
+ if(type === 'prop'){
628
+ desc = $.extend({writeable: true}, desc);
629
+ } else {
630
+ desc = $.extend({}, desc, {writeable: true});
631
+ }
632
+
633
+ extendQ[type](nodeName, prop, desc);
634
+ if(nodeName != '*' && webshims.cfg.extendNative && type == 'prop' && desc.value && $.isFunction(desc.value)){
635
+ extendNativeValue(nodeName, prop, desc);
636
+ }
637
+ descs[type] = desc;
638
+ }
639
+ });
640
+ if(descs.initAttr){
641
+ initProp.content(nodeName, prop);
642
+ }
643
+ return descs;
644
+ },
645
+
646
+ defineNodeNameProperties: function(name, descs, propType, _noTmpCache){
647
+ var olddesc;
648
+ for(var prop in descs){
649
+ if(!_noTmpCache && descs[prop].initAttr){
650
+ initProp.createTmpCache(name);
651
+ }
652
+ if(propType){
653
+ if(descs[prop][propType]){
654
+ //webshims.log('override: '+ name +'['+prop +'] for '+ propType);
655
+ } else {
656
+ descs[prop][propType] = {};
657
+ ['value', 'set', 'get'].forEach(function(copyProp){
658
+ if(copyProp in descs[prop]){
659
+ descs[prop][propType][copyProp] = descs[prop][copyProp];
660
+ delete descs[prop][copyProp];
661
+ }
662
+ });
663
+ }
664
+ }
665
+ descs[prop] = webshims.defineNodeNameProperty(name, prop, descs[prop]);
666
+ }
667
+ if(!_noTmpCache){
668
+ initProp.flushTmpCache();
669
+ }
670
+ return descs;
671
+ },
672
+
673
+ createElement: function(nodeName, create, descs){
674
+ var ret;
675
+ if($.isFunction(create)){
676
+ create = {
677
+ after: create
678
+ };
679
+ }
680
+ initProp.createTmpCache(nodeName);
681
+ if(create.before){
682
+ initProp.createElement(nodeName, create.before);
683
+ }
684
+ if(descs){
685
+ ret = webshims.defineNodeNameProperties(nodeName, descs, false, true);
686
+ }
687
+ if(create.after){
688
+ initProp.createElement(nodeName, create.after);
689
+ }
690
+ initProp.flushTmpCache();
691
+ return ret;
692
+ },
693
+ onNodeNamesPropertyModify: function(nodeNames, props, desc, only){
694
+ if(typeof nodeNames == 'string'){
695
+ nodeNames = nodeNames.split(listReg);
696
+ }
697
+ if($.isFunction(desc)){
698
+ desc = {set: desc};
699
+ }
700
+
701
+ nodeNames.forEach(function(name){
702
+ if(!modifyProps[name]){
703
+ modifyProps[name] = {};
704
+ }
705
+ if(typeof props == 'string'){
706
+ props = props.split(listReg);
707
+ }
708
+ if(desc.initAttr){
709
+ initProp.createTmpCache(name);
710
+ }
711
+ props.forEach(function(prop){
712
+ if(!modifyProps[name][prop]){
713
+ modifyProps[name][prop] = [];
714
+ havePolyfill[prop] = true;
715
+ }
716
+ if(desc.set){
717
+ if(only){
718
+ desc.set.only = only;
719
+ }
720
+ modifyProps[name][prop].push(desc.set);
721
+ }
722
+
723
+ if(desc.initAttr){
724
+ initProp.content(name, prop);
725
+ }
726
+ });
727
+ initProp.flushTmpCache();
728
+
729
+ });
730
+ },
731
+ defineNodeNamesBooleanProperty: function(elementNames, prop, descs){
732
+ if(!descs){
733
+ descs = {};
734
+ }
735
+ if($.isFunction(descs)){
736
+ descs.set = descs;
737
+ }
738
+ webshims.defineNodeNamesProperty(elementNames, prop, {
739
+ attr: {
740
+ set: function(val){
741
+ this.setAttribute(prop, val);
742
+ if(descs.set){
743
+ descs.set.call(this, true);
744
+ }
745
+ },
746
+ get: function(){
747
+ var ret = this.getAttribute(prop);
748
+ return (ret == null) ? undefined : prop;
749
+ }
750
+ },
751
+ removeAttr: {
752
+ value: function(){
753
+ this.removeAttribute(prop);
754
+ if(descs.set){
755
+ descs.set.call(this, false);
756
+ }
757
+ }
758
+ },
759
+ reflect: true,
760
+ propType: 'boolean',
761
+ initAttr: descs.initAttr || false
762
+ });
763
+ },
764
+ contentAttr: function(elem, name, val){
765
+ if(!elem.nodeName){return;}
766
+ var attr;
767
+ if(val === undefined){
768
+ attr = (elem.attributes[name] || {});
769
+ val = attr.specified ? attr.value : null;
770
+ return (val == null) ? undefined : val;
771
+ }
772
+
773
+ if(typeof val == 'boolean'){
774
+ if(!val){
775
+ elem.removeAttribute(name);
776
+ } else {
777
+ elem.setAttribute(name, name);
778
+ }
779
+ } else {
780
+ elem.setAttribute(name, val);
781
+ }
782
+ },
783
+
784
+ // set current Lang:
785
+ // - webshims.activeLang(lang:string);
786
+ // get current lang
787
+ // - webshims.activeLang();
788
+ // get current lang
789
+ // webshims.activeLang({
790
+ // register: moduleName:string,
791
+ // callback: callback:function
792
+ // });
793
+ // get/set including removeLang
794
+ // - webshims.activeLang({
795
+ // module: moduleName:string,
796
+ // callback: callback:function,
797
+ // langObj: languageObj:array/object
798
+ // });
799
+ activeLang: (function(){
800
+ var callbacks = [];
801
+ var registeredCallbacks = {};
802
+ var currentLang;
803
+ var shortLang;
804
+ var notLocal = /:\/\/|^\.*\//;
805
+ var loadRemoteLang = function(data, lang, options){
806
+ var langSrc;
807
+ if(lang && options && $.inArray(lang, options.availabeLangs || []) !== -1){
808
+ data.loading = true;
809
+ langSrc = options.langSrc;
810
+ if(!notLocal.test(langSrc)){
811
+ langSrc = webshims.cfg.basePath+langSrc;
812
+ }
813
+ webshims.loader.loadScript(langSrc+lang+'.js', function(){
814
+ if(data.langObj[lang]){
815
+ data.loading = false;
816
+ callLang(data, true);
817
+ } else {
818
+ $(function(){
819
+ if(data.langObj[lang]){
820
+ callLang(data, true);
821
+ }
822
+ data.loading = false;
823
+ });
824
+ }
825
+ });
826
+ return true;
827
+ }
828
+ return false;
829
+ };
830
+ var callRegister = function(module){
831
+ if(registeredCallbacks[module]){
832
+ registeredCallbacks[module].forEach(function(data){
833
+ data.callback();
834
+ });
835
+ }
836
+ };
837
+ var callLang = function(data, _noLoop){
838
+ if(data.activeLang != currentLang && data.activeLang !== shortLang){
839
+ var options = modules[data.module].options;
840
+ if( data.langObj[currentLang] || (shortLang && data.langObj[shortLang]) ){
841
+ data.activeLang = currentLang;
842
+ data.callback(data.langObj[currentLang] || data.langObj[shortLang], currentLang);
843
+ callRegister(data.module);
844
+ } else if( !_noLoop &&
845
+ !loadRemoteLang(data, currentLang, options) &&
846
+ !loadRemoteLang(data, shortLang, options) &&
847
+ data.langObj[''] && data.activeLang !== '' ) {
848
+ data.activeLang = '';
849
+ data.callback(data.langObj[''], currentLang);
850
+ callRegister(data.module);
851
+ }
852
+ }
853
+ };
854
+
855
+
856
+ var activeLang = function(lang){
857
+
858
+ if(typeof lang == 'string' && lang !== currentLang){
859
+ currentLang = lang;
860
+ shortLang = currentLang.split('-')[0];
861
+ if(currentLang == shortLang){
862
+ shortLang = false;
863
+ }
864
+ $.each(callbacks, function(i, data){
865
+ callLang(data);
866
+ });
867
+ } else if(typeof lang == 'object'){
868
+
869
+ if(lang.register){
870
+ if(!registeredCallbacks[lang.register]){
871
+ registeredCallbacks[lang.register] = [];
872
+ }
873
+ registeredCallbacks[lang.register].push(lang);
874
+ lang.callback();
875
+ } else {
876
+ if(!lang.activeLang){
877
+ lang.activeLang = '';
878
+ }
879
+ callbacks.push(lang);
880
+ callLang(lang);
881
+ }
882
+ }
883
+ return currentLang;
884
+ };
885
+
886
+ return activeLang;
887
+ })()
888
+ });
889
+
890
+ $.each({
891
+ defineNodeNamesProperty: 'defineNodeNameProperty',
892
+ defineNodeNamesProperties: 'defineNodeNameProperties',
893
+ createElements: 'createElement'
894
+ }, function(name, baseMethod){
895
+ webshims[name] = function(names, a, b, c){
896
+ if(typeof names == 'string'){
897
+ names = names.split(listReg);
898
+ }
899
+ var retDesc = {};
900
+ names.forEach(function(nodeName){
901
+ retDesc[nodeName] = webshims[baseMethod](nodeName, a, b, c);
902
+ });
903
+ return retDesc;
904
+ };
905
+ });
906
+
907
+ webshims.isReady('webshimLocalization', true);
908
+ });
909
+ //html5a11y
910
+ (function($, document){
911
+ var browserVersion = $.webshims.browserVersion;
912
+ if($.browser.mozilla && browserVersion > 5){return;}
913
+ if (!$.browser.msie || (browserVersion < 12 && browserVersion > 7)) {
914
+ var elemMappings = {
915
+ article: "article",
916
+ aside: "complementary",
917
+ section: "region",
918
+ nav: "navigation",
919
+ address: "contentinfo"
920
+ };
921
+ var addRole = function(elem, role){
922
+ var hasRole = elem.getAttribute('role');
923
+ if (!hasRole) {
924
+ elem.setAttribute('role', role);
925
+ }
926
+ };
927
+
928
+ $.webshims.addReady(function(context, contextElem){
929
+ $.each(elemMappings, function(name, role){
930
+ var elems = $(name, context).add(contextElem.filter(name));
931
+ for (var i = 0, len = elems.length; i < len; i++) {
932
+ addRole(elems[i], role);
933
+ }
934
+ });
935
+ if (context === document) {
936
+ var header = document.getElementsByTagName('header')[0];
937
+ var footers = document.getElementsByTagName('footer');
938
+ var footerLen = footers.length;
939
+ if (header && !$(header).closest('section, article')[0]) {
940
+ addRole(header, 'banner');
941
+ }
942
+ if (!footerLen) {
943
+ return;
944
+ }
945
+ var footer = footers[footerLen - 1];
946
+ if (!$(footer).closest('section, article')[0]) {
947
+ addRole(footer, 'contentinfo');
948
+ }
949
+ }
950
+ });
951
+ }
952
+ })(jQuery, document);
953
+ (function($, Modernizr, webshims){
954
+ "use strict";
955
+ var hasNative = Modernizr.audio && Modernizr.video;
956
+ var supportsLoop = false;
957
+ var options = webshims.cfg.mediaelement;
958
+ var bugs = webshims.bugs;
959
+ var swfType = options.player == 'jwplayer' ? 'mediaelement-swf' : 'mediaelement-jaris'
960
+ var loadSwf = function(){
961
+ webshims.ready(swfType, function(){
962
+ if(!webshims.mediaelement.createSWF){
963
+ webshims.mediaelement.loadSwf = true;
964
+ webshims.reTest([swfType], hasNative);
965
+ }
966
+ });
967
+ };
968
+ var hasSwf;
969
+ if(hasNative){
970
+ var videoElem = document.createElement('video');
971
+ Modernizr.videoBuffered = ('buffered' in videoElem);
972
+ supportsLoop = ('loop' in videoElem);
973
+
974
+ webshims.capturingEvents(['play', 'playing', 'waiting', 'paused', 'ended', 'durationchange', 'loadedmetadata', 'canplay', 'volumechange']);
975
+
976
+ if(!Modernizr.videoBuffered){
977
+ webshims.addPolyfill('mediaelement-native-fix', {
978
+ f: 'mediaelement',
979
+ test: Modernizr.videoBuffered,
980
+ d: ['dom-support']
981
+ });
982
+
983
+ webshims.reTest('mediaelement-native-fix');
984
+ }
985
+ }
986
+
987
+ if(hasNative && !options.preferFlash){
988
+ var switchOptions = function(e){
989
+ var parent = e.target.parentNode;
990
+ if(!options.preferFlash && ($(e.target).is('audio, video') || (parent && $('source:last', parent)[0] == e.target)) ){
991
+ webshims.ready('DOM mediaelement', function(){
992
+ if(hasSwf){
993
+ loadSwf();
994
+ }
995
+ webshims.ready('WINDOWLOAD '+swfType, function(){
996
+ setTimeout(function(){
997
+ if(hasSwf && !options.preferFlash && webshims.mediaelement.createSWF && !$(e.target).closest('audio, video').is('.nonnative-api-active')){
998
+ options.preferFlash = true;
999
+ document.removeEventListener('error', switchOptions, true);
1000
+ $('audio, video').mediaLoad();
1001
+ webshims.info("switching mediaelements option to 'preferFlash', due to an error with native player: "+e.target.src);
1002
+ } else if(!hasSwf){
1003
+ document.removeEventListener('error', switchOptions, true);
1004
+ }
1005
+ }, 20);
1006
+ });
1007
+ });
1008
+ }
1009
+ };
1010
+ document.addEventListener('error', switchOptions, true);
1011
+ $('audio, video').each(function(){
1012
+ if(this.error){
1013
+ switchOptions({target: this});
1014
+ }
1015
+ });
1016
+ }
1017
+
1018
+ bugs.track = false;
1019
+
1020
+ if(Modernizr.track){
1021
+ (function(){
1022
+
1023
+ if(!bugs.track){
1024
+ bugs.track = typeof $('<track />')[0].readyState != 'number';
1025
+ }
1026
+
1027
+ if(!bugs.track){
1028
+ try {
1029
+ new TextTrackCue(2, 3, '');
1030
+ } catch(e){
1031
+ bugs.track = true;
1032
+ }
1033
+ }
1034
+
1035
+ var trackOptions = webshims.cfg.track;
1036
+ var trackListener = function(e){
1037
+ $(e.target).filter('track').each(changeApi);
1038
+ };
1039
+ var changeApi = function(){
1040
+ if(bugs.track || (!trackOptions.override && $.prop(this, 'readyState') == 3)){
1041
+ trackOptions.override = true;
1042
+ webshims.reTest('track');
1043
+ document.removeEventListener('error', trackListener, true);
1044
+ if(this && $.nodeName(this, 'track')){
1045
+ webshims.error("track support was overwritten. Please check your vtt including your vtt mime-type");
1046
+ } else {
1047
+ webshims.info("track support was overwritten. due to bad browser support");
1048
+ }
1049
+ }
1050
+ };
1051
+ var detectTrackError = function(){
1052
+ document.addEventListener('error', trackListener, true);
1053
+
1054
+ if(bugs.track){
1055
+ changeApi();
1056
+ } else {
1057
+ $('track').each(changeApi);
1058
+ }
1059
+ };
1060
+ if(!trackOptions.override){
1061
+ if(webshims.isReady('track')){
1062
+ detectTrackError();
1063
+ } else {
1064
+ $(detectTrackError);
1065
+ }
1066
+ }
1067
+ })();
1068
+
1069
+ }
1070
+
1071
+ webshims.register('mediaelement-core', function($, webshims, window, document, undefined){
1072
+ hasSwf = swfobject.hasFlashPlayerVersion('9.0.115');
1073
+
1074
+ var mediaelement = webshims.mediaelement;
1075
+
1076
+ var getSrcObj = function(elem, nodeName){
1077
+ elem = $(elem);
1078
+ var src = {src: elem.attr('src') || '', elem: elem, srcProp: elem.prop('src')};
1079
+ if(!src.src){return src;}
1080
+ var tmp = elem.attr('type');
1081
+ if(tmp){
1082
+ src.type = tmp;
1083
+ src.container = $.trim(tmp.split(';')[0]);
1084
+ } else {
1085
+ if(!nodeName){
1086
+ nodeName = elem[0].nodeName.toLowerCase();
1087
+ if(nodeName == 'source'){
1088
+ nodeName = (elem.closest('video, audio')[0] || {nodeName: 'video'}).nodeName.toLowerCase();
1089
+ }
1090
+ }
1091
+ tmp = mediaelement.getTypeForSrc(src.src, nodeName );
1092
+
1093
+ if(tmp){
1094
+ src.type = tmp;
1095
+ src.container = tmp;
1096
+ }
1097
+ }
1098
+ tmp = elem.attr('media');
1099
+ if(tmp){
1100
+ src.media = tmp;
1101
+ }
1102
+ return src;
1103
+ };
1104
+
1105
+
1106
+
1107
+ var hasYt = !hasSwf && ('postMessage' in window) && hasNative;
1108
+
1109
+ var loadYt = (function(){
1110
+ var loaded;
1111
+ return function(){
1112
+ if(loaded || !hasYt){return;}
1113
+ loaded = true;
1114
+ webshims.loader.loadScript("https://www.youtube.com/player_api");
1115
+ $(function(){
1116
+ webshims.polyfill("mediaelement-yt");
1117
+ });
1118
+ };
1119
+ })();
1120
+ var loadThird = function(){
1121
+ if(hasSwf){
1122
+ loadSwf();
1123
+ } else {
1124
+ loadYt();
1125
+ }
1126
+ };
1127
+
1128
+ webshims.addPolyfill('mediaelement-yt', {
1129
+ test: !hasYt,
1130
+ d: ['dom-support']
1131
+ });
1132
+
1133
+ mediaelement.mimeTypes = {
1134
+ audio: {
1135
+ //ogm shouldn´t be used!
1136
+ 'audio/ogg': ['ogg','oga', 'ogm'],
1137
+ 'audio/ogg;codecs="opus"': 'opus',
1138
+ 'audio/mpeg': ['mp2','mp3','mpga','mpega'],
1139
+ 'audio/mp4': ['mp4','mpg4', 'm4r', 'm4a', 'm4p', 'm4b', 'aac'],
1140
+ 'audio/wav': ['wav'],
1141
+ 'audio/3gpp': ['3gp','3gpp'],
1142
+ 'audio/webm': ['webm'],
1143
+ 'audio/fla': ['flv', 'f4a', 'fla'],
1144
+ 'application/x-mpegURL': ['m3u8', 'm3u']
1145
+ },
1146
+ video: {
1147
+ //ogm shouldn´t be used!
1148
+ 'video/ogg': ['ogg','ogv', 'ogm'],
1149
+ 'video/mpeg': ['mpg','mpeg','mpe'],
1150
+ 'video/mp4': ['mp4','mpg4', 'm4v'],
1151
+ 'video/quicktime': ['mov','qt'],
1152
+ 'video/x-msvideo': ['avi'],
1153
+ 'video/x-ms-asf': ['asf', 'asx'],
1154
+ 'video/flv': ['flv', 'f4v'],
1155
+ 'video/3gpp': ['3gp','3gpp'],
1156
+ 'video/webm': ['webm'],
1157
+ 'application/x-mpegURL': ['m3u8', 'm3u'],
1158
+ 'video/MP2T': ['ts']
1159
+ }
1160
+ }
1161
+ ;
1162
+
1163
+ mediaelement.mimeTypes.source = $.extend({}, mediaelement.mimeTypes.audio, mediaelement.mimeTypes.video);
1164
+
1165
+ mediaelement.getTypeForSrc = function(src, nodeName){
1166
+ if(src.indexOf('youtube.com/watch?') != -1 || src.indexOf('youtube.com/v/') != -1){
1167
+ return 'video/youtube';
1168
+ }
1169
+ src = src.split('?')[0].split('.');
1170
+ src = src[src.length - 1];
1171
+ var mt;
1172
+
1173
+ $.each(mediaelement.mimeTypes[nodeName], function(mimeType, exts){
1174
+ if(exts.indexOf(src) !== -1){
1175
+ mt = mimeType;
1176
+ return false;
1177
+ }
1178
+ });
1179
+ return mt;
1180
+ };
1181
+
1182
+
1183
+ mediaelement.srces = function(mediaElem, srces){
1184
+ mediaElem = $(mediaElem);
1185
+ if(!srces){
1186
+ srces = [];
1187
+ var nodeName = mediaElem[0].nodeName.toLowerCase();
1188
+ var src = getSrcObj(mediaElem, nodeName);
1189
+
1190
+ if(!src.src){
1191
+
1192
+ $('source', mediaElem).each(function(){
1193
+ src = getSrcObj(this, nodeName);
1194
+ if(src.src){srces.push(src);}
1195
+ });
1196
+ } else {
1197
+ srces.push(src);
1198
+ }
1199
+ return srces;
1200
+ } else {
1201
+ mediaElem.removeAttr('src').removeAttr('type').find('source').remove();
1202
+ if(!$.isArray(srces)){
1203
+ srces = [srces];
1204
+ }
1205
+ srces.forEach(function(src){
1206
+ var source = document.createElement('source');
1207
+ if(typeof src == 'string'){
1208
+ src = {src: src};
1209
+ }
1210
+ source.setAttribute('src', src.src);
1211
+ if(src.type){
1212
+ source.setAttribute('type', src.type);
1213
+ }
1214
+ if(src.media){
1215
+ source.setAttribute('media', src.media);
1216
+ }
1217
+ mediaElem.append(source);
1218
+ });
1219
+
1220
+ }
1221
+ };
1222
+
1223
+
1224
+ $.fn.loadMediaSrc = function(srces, poster){
1225
+ return this.each(function(){
1226
+ if(poster !== undefined){
1227
+ $(this).removeAttr('poster');
1228
+ if(poster){
1229
+ $.attr(this, 'poster', poster);
1230
+ }
1231
+ }
1232
+ mediaelement.srces(this, srces);
1233
+ $(this).mediaLoad();
1234
+ });
1235
+ };
1236
+
1237
+ mediaelement.swfMimeTypes = ['video/3gpp', 'video/x-msvideo', 'video/quicktime', 'video/x-m4v', 'video/mp4', 'video/m4p', 'video/x-flv', 'video/flv', 'audio/mpeg', 'audio/aac', 'audio/mp4', 'audio/x-m4a', 'audio/m4a', 'audio/mp3', 'audio/x-fla', 'audio/fla', 'youtube/flv', 'jwplayer/jwplayer', 'video/youtube'];
1238
+
1239
+ mediaelement.canThirdPlaySrces = function(mediaElem, srces){
1240
+ var ret = '';
1241
+ if(hasSwf || hasYt){
1242
+ mediaElem = $(mediaElem);
1243
+ srces = srces || mediaelement.srces(mediaElem);
1244
+ $.each(srces, function(i, src){
1245
+ if(src.container && src.src && ((hasSwf && mediaelement.swfMimeTypes.indexOf(src.container) != -1) || (hasYt && src.container == 'video/youtube'))){
1246
+ ret = src;
1247
+ return false;
1248
+ }
1249
+ });
1250
+
1251
+ }
1252
+
1253
+ return ret;
1254
+ };
1255
+
1256
+ var nativeCanPlayType = {};
1257
+ mediaelement.canNativePlaySrces = function(mediaElem, srces){
1258
+ var ret = '';
1259
+ if(hasNative){
1260
+ mediaElem = $(mediaElem);
1261
+ var nodeName = (mediaElem[0].nodeName || '').toLowerCase();
1262
+ if(!nativeCanPlayType[nodeName]){return ret;}
1263
+ srces = srces || mediaelement.srces(mediaElem);
1264
+
1265
+ $.each(srces, function(i, src){
1266
+ if(src.type && nativeCanPlayType[nodeName].prop._supvalue.call(mediaElem[0], src.type) ){
1267
+ ret = src;
1268
+ return false;
1269
+ }
1270
+ });
1271
+ }
1272
+ return ret;
1273
+ };
1274
+
1275
+ mediaelement.setError = function(elem, message){
1276
+ if(!message){
1277
+ message = "can't play sources";
1278
+ }
1279
+
1280
+ $(elem).pause().data('mediaerror', message);
1281
+ webshims.warn('mediaelementError: '+ message);
1282
+ setTimeout(function(){
1283
+ if($(elem).data('mediaerror')){
1284
+ $(elem).trigger('mediaerror');
1285
+ }
1286
+ }, 1);
1287
+ };
1288
+
1289
+ var handleThird = (function(){
1290
+ var requested;
1291
+ return function( mediaElem, ret, data ){
1292
+ webshims.ready(hasSwf ? swfType : 'mediaelement-yt', function(){
1293
+ if(mediaelement.createSWF){
1294
+ mediaelement.createSWF( mediaElem, ret, data );
1295
+ } else if(!requested) {
1296
+ requested = true;
1297
+ loadThird();
1298
+ //readd to ready
1299
+ handleThird( mediaElem, ret, data );
1300
+ }
1301
+ });
1302
+ if(!requested && hasYt && !mediaelement.createSWF){
1303
+ loadYt();
1304
+ }
1305
+ };
1306
+ })();
1307
+
1308
+ var stepSources = function(elem, data, useSwf, _srces, _noLoop){
1309
+ var ret;
1310
+ if(useSwf || (useSwf !== false && data && data.isActive == 'third')){
1311
+ ret = mediaelement.canThirdPlaySrces(elem, _srces);
1312
+ if(!ret){
1313
+ if(_noLoop){
1314
+ mediaelement.setError(elem, false);
1315
+ } else {
1316
+ stepSources(elem, data, false, _srces, true);
1317
+ }
1318
+ } else {
1319
+ handleThird(elem, ret, data);
1320
+ }
1321
+ } else {
1322
+ ret = mediaelement.canNativePlaySrces(elem, _srces);
1323
+ if(!ret){
1324
+ if(_noLoop){
1325
+ mediaelement.setError(elem, false);
1326
+ if(data && data.isActive == 'third') {
1327
+ mediaelement.setActive(elem, 'html5', data);
1328
+ }
1329
+ } else {
1330
+ stepSources(elem, data, true, _srces, true);
1331
+ }
1332
+ } else if(data && data.isActive == 'third') {
1333
+ mediaelement.setActive(elem, 'html5', data);
1334
+ }
1335
+ }
1336
+ };
1337
+ var stopParent = /^(?:embed|object|datalist)$/i;
1338
+ var selectSource = function(elem, data){
1339
+ var baseData = webshims.data(elem, 'mediaelementBase') || webshims.data(elem, 'mediaelementBase', {});
1340
+ var _srces = mediaelement.srces(elem);
1341
+ var parent = elem.parentNode;
1342
+
1343
+ clearTimeout(baseData.loadTimer);
1344
+ $.data(elem, 'mediaerror', false);
1345
+
1346
+ if(!_srces.length || !parent || parent.nodeType != 1 || stopParent.test(parent.nodeName || '')){return;}
1347
+ data = data || webshims.data(elem, 'mediaelement');
1348
+ stepSources(elem, data, options.preferFlash || undefined, _srces);
1349
+ };
1350
+
1351
+
1352
+ $(document).on('ended', function(e){
1353
+ var data = webshims.data(e.target, 'mediaelement');
1354
+ if( supportsLoop && (!data || data.isActive == 'html5') && !$.prop(e.target, 'loop')){return;}
1355
+ setTimeout(function(){
1356
+ if( $.prop(e.target, 'paused') || !$.prop(e.target, 'loop') ){return;}
1357
+ $(e.target).prop('currentTime', 0).play();
1358
+ }, 1);
1359
+
1360
+ });
1361
+ if(!supportsLoop){
1362
+ webshims.defineNodeNamesBooleanProperty(['audio', 'video'], 'loop');
1363
+ }
1364
+
1365
+ ['audio', 'video'].forEach(function(nodeName){
1366
+ var supLoad = webshims.defineNodeNameProperty(nodeName, 'load', {
1367
+ prop: {
1368
+ value: function(){
1369
+ var data = webshims.data(this, 'mediaelement');
1370
+ selectSource(this, data);
1371
+ if(hasNative && (!data || data.isActive == 'html5') && supLoad.prop._supvalue){
1372
+ supLoad.prop._supvalue.apply(this, arguments);
1373
+ }
1374
+ }
1375
+ }
1376
+ });
1377
+ nativeCanPlayType[nodeName] = webshims.defineNodeNameProperty(nodeName, 'canPlayType', {
1378
+ prop: {
1379
+ value: function(type){
1380
+ var ret = '';
1381
+ if(hasNative && nativeCanPlayType[nodeName].prop._supvalue){
1382
+ ret = nativeCanPlayType[nodeName].prop._supvalue.call(this, type);
1383
+ if(ret == 'no'){
1384
+ ret = '';
1385
+ }
1386
+ }
1387
+ if(!ret && hasSwf){
1388
+ type = $.trim((type || '').split(';')[0]);
1389
+ if(mediaelement.swfMimeTypes.indexOf(type) != -1){
1390
+ ret = 'maybe';
1391
+ }
1392
+ }
1393
+ return ret;
1394
+ }
1395
+ }
1396
+ });
1397
+ });
1398
+ webshims.onNodeNamesPropertyModify(['audio', 'video'], ['src', 'poster'], {
1399
+ set: function(){
1400
+ var elem = this;
1401
+ var baseData = webshims.data(elem, 'mediaelementBase') || webshims.data(elem, 'mediaelementBase', {});
1402
+ clearTimeout(baseData.loadTimer);
1403
+ baseData.loadTimer = setTimeout(function(){
1404
+ selectSource(elem);
1405
+ elem = null;
1406
+ }, 9);
1407
+ }
1408
+ });
1409
+
1410
+ var initMediaElements = function(){
1411
+
1412
+ webshims.addReady(function(context, insertedElement){
1413
+ $('video, audio', context)
1414
+ .add(insertedElement.filter('video, audio'))
1415
+ .each(function(){
1416
+ if($.browser.msie && webshims.browserVersion > 8 && $.prop(this, 'paused') && !$.prop(this, 'readyState') && $(this).is('audio[preload="none"][controls]:not([autoplay])')){
1417
+ $(this).prop('preload', 'metadata').mediaLoad();
1418
+ } else {
1419
+ selectSource(this);
1420
+ }
1421
+
1422
+
1423
+
1424
+ if(hasNative){
1425
+ var bufferTimer;
1426
+ var lastBuffered;
1427
+ var elem = this;
1428
+ var getBufferedString = function(){
1429
+ var buffered = $.prop(elem, 'buffered');
1430
+ if(!buffered){return;}
1431
+ var bufferString = "";
1432
+ for(var i = 0, len = buffered.length; i < len;i++){
1433
+ bufferString += buffered.end(i);
1434
+ }
1435
+ return bufferString;
1436
+ };
1437
+ var testBuffer = function(){
1438
+ var buffered = getBufferedString();
1439
+ if(buffered != lastBuffered){
1440
+ lastBuffered = buffered;
1441
+ $(elem).triggerHandler('progress');
1442
+ }
1443
+ };
1444
+
1445
+ $(this)
1446
+ .on({
1447
+ 'play loadstart progress': function(e){
1448
+ if(e.type == 'progress'){
1449
+ lastBuffered = getBufferedString();
1450
+ }
1451
+ clearTimeout(bufferTimer);
1452
+ bufferTimer = setTimeout(testBuffer, 999);
1453
+ },
1454
+ 'emptied stalled mediaerror abort suspend': function(e){
1455
+ if(e.type == 'emptied'){
1456
+ lastBuffered = false;
1457
+ }
1458
+ clearTimeout(bufferTimer);
1459
+ }
1460
+ })
1461
+ ;
1462
+ }
1463
+
1464
+ })
1465
+ ;
1466
+ });
1467
+ };
1468
+
1469
+ if(Modernizr.track && !bugs.track){
1470
+ webshims.defineProperty(TextTrack.prototype, 'shimActiveCues', {
1471
+ get: function(){
1472
+ return this._shimActiveCues || this.activeCues;
1473
+ }
1474
+ });
1475
+ }
1476
+ //set native implementation ready, before swf api is retested
1477
+ if(hasNative){
1478
+ webshims.isReady('mediaelement-core', true);
1479
+ initMediaElements();
1480
+ webshims.ready('WINDOWLOAD mediaelement', loadThird);
1481
+ } else {
1482
+ webshims.ready(swfType, initMediaElements);
1483
+ }
1484
+ $(function(){
1485
+ webshims.loader.loadList(['track-ui']);
1486
+ });
1487
+
1488
+ });
1489
+ })(jQuery, Modernizr, jQuery.webshims);/*
1490
+ * todos:
1491
+ * - decouple muted/volume (needs improvement)
1492
+ * - implement video <-> flashcanvas pro API
1493
+ * - improve buffered-property with youtube/rtmp
1494
+ * - use jwplayer5 api instead of old flash4 api
1495
+ */
1496
+
1497
+ jQuery.webshims.register('mediaelement-swf', function($, webshims, window, document, undefined, options){
1498
+ "use strict";
1499
+ var SENDEVENT = 'sendEvent';
1500
+ var mediaelement = webshims.mediaelement;
1501
+ var swfobject = window.swfobject;
1502
+ var hasNative = Modernizr.audio && Modernizr.video;
1503
+ var hasFlash = swfobject.hasFlashPlayerVersion('9.0.115');
1504
+ var loadedSwf = 0;
1505
+ var getProps = {
1506
+ paused: true,
1507
+ ended: false,
1508
+ currentSrc: '',
1509
+ duration: window.NaN,
1510
+
1511
+ readyState: 0,
1512
+ networkState: 0,
1513
+ videoHeight: 0,
1514
+ videoWidth: 0,
1515
+ error: null,
1516
+ buffered: {
1517
+ start: function(index){
1518
+ if(index){
1519
+ webshims.error('buffered index size error');
1520
+ return;
1521
+ }
1522
+ return 0;
1523
+ },
1524
+ end: function(index){
1525
+ if(index){
1526
+ webshims.error('buffered index size error');
1527
+ return;
1528
+ }
1529
+ return 0;
1530
+ },
1531
+ length: 0
1532
+ }
1533
+ };
1534
+ var getPropKeys = Object.keys(getProps);
1535
+
1536
+ var getSetProps = {
1537
+ currentTime: 0,
1538
+ volume: 1,
1539
+ muted: false
1540
+ };
1541
+ var getSetPropKeys = Object.keys(getSetProps);
1542
+
1543
+ var playerStateObj = $.extend({
1544
+ isActive: 'html5',
1545
+ activating: 'html5',
1546
+ wasSwfReady: false,
1547
+ _bufferedEnd: 0,
1548
+ _bufferedStart: 0,
1549
+ _metadata: false,
1550
+ _durationCalcs: -1,
1551
+ _callMeta: false,
1552
+ currentTime: 0,
1553
+ _ppFlag: undefined
1554
+ }, getProps, getSetProps);
1555
+
1556
+ var idRep = /^jwplayer-/;
1557
+ var getSwfDataFromID = function(id){
1558
+
1559
+ var elem = document.getElementById(id.replace(idRep, ''));
1560
+ if(!elem){return;}
1561
+ var data = webshims.data(elem, 'mediaelement');
1562
+ return data.isActive == 'third' ? data : null;
1563
+ };
1564
+
1565
+
1566
+ var getSwfDataFromElem = function(elem){
1567
+ try {
1568
+ (elem.nodeName);
1569
+ } catch(er){
1570
+ return null;
1571
+ }
1572
+ var data = webshims.data(elem, 'mediaelement');
1573
+ return (data && data.isActive== 'third') ? data : null;
1574
+ };
1575
+
1576
+ var trigger = function(elem, evt){
1577
+ evt = $.Event(evt);
1578
+ evt.preventDefault();
1579
+ $.event.trigger(evt, undefined, elem);
1580
+ };
1581
+
1582
+ var playerSwfPath = options.playerPath || webshims.cfg.basePath + "jwplayer/" + (options.playerName || "player.swf");
1583
+ var jwplugin = options.pluginPath || webshims.cfg.basePath +'swf/jwwebshims.swf';
1584
+
1585
+ webshims.extendUNDEFProp(options.params, {
1586
+ allowscriptaccess: 'always',
1587
+ allowfullscreen: 'true',
1588
+ wmode: 'transparent'
1589
+ });
1590
+ webshims.extendUNDEFProp(options.vars, {
1591
+ screencolor: 'ffffffff'
1592
+ });
1593
+ webshims.extendUNDEFProp(options.attrs, {
1594
+ bgcolor: '#000000'
1595
+ });
1596
+
1597
+ var getDuration = function(data, obj){
1598
+ var curDuration = data.duration;
1599
+ if(curDuration && data._durationCalcs > 0){return;}
1600
+ try {
1601
+ data.duration = data.jwapi.getPlaylist()[0].duration;
1602
+ if(!data.duration || data.duration <= 0 || data.duration === data._lastDuration){
1603
+ data.duration = curDuration;
1604
+ }
1605
+ } catch(er){}
1606
+ if(data.duration && data.duration != data._lastDuration){
1607
+ trigger(data._elem, 'durationchange');
1608
+ if(data._elemNodeName == 'audio' || data._callMeta){
1609
+ mediaelement.jwEvents.Model.META($.extend({duration: data.duration}, obj), data);
1610
+ }
1611
+ data._durationCalcs--;
1612
+ } else {
1613
+ data._durationCalcs++;
1614
+ }
1615
+ };
1616
+ var setReadyState = function(readyState, data){
1617
+ if(readyState < 3){
1618
+ clearTimeout(data._canplaythroughTimer);
1619
+ }
1620
+ if(readyState >= 3 && data.readyState < 3){
1621
+ data.readyState = readyState;
1622
+ trigger(data._elem, 'canplay');
1623
+ clearTimeout(data._canplaythroughTimer);
1624
+ data._canplaythroughTimer = setTimeout(function(){
1625
+ setReadyState(4, data);
1626
+ }, 4000);
1627
+ }
1628
+ if(readyState >= 4 && data.readyState < 4){
1629
+ data.readyState = readyState;
1630
+ trigger(data._elem, 'canplaythrough');
1631
+ }
1632
+ data.readyState = readyState;
1633
+ };
1634
+
1635
+ $.extend($.event.customEvent, {
1636
+ updatemediaelementdimensions: true,
1637
+ flashblocker: true,
1638
+ swfstageresize: true,
1639
+ mediaelementapichange: true
1640
+ });
1641
+
1642
+ mediaelement.jwEvents = {
1643
+ View: {
1644
+
1645
+ PLAY: function(obj){
1646
+ var data = getSwfDataFromID(obj.id);
1647
+ if(!data || data.stopPlayPause){return;}
1648
+ data._ppFlag = true;
1649
+ if(data.paused == obj.state){
1650
+ data.paused = !obj.state;
1651
+ if(data.ended){
1652
+ data.ended = false;
1653
+ }
1654
+ trigger(data._elem, obj.state ? 'play' : 'pause');
1655
+ }
1656
+ }
1657
+ },
1658
+ Model: {
1659
+
1660
+ BUFFER: function(obj){
1661
+ var data = getSwfDataFromID(obj.id);
1662
+ if(!data || !('percentage' in obj) || data._bufferedEnd == obj.percentage){return;}
1663
+ data.networkState = (obj.percentage == 100) ? 1 : 2;
1664
+ if(isNaN(data.duration) || (obj.percentage > 5 && obj.percentage < 25) || (obj.percentage === 100)){
1665
+ getDuration(data, obj);
1666
+ }
1667
+
1668
+ if(data.ended){
1669
+ data.ended = false;
1670
+ }
1671
+ if(!data.duration){
1672
+ return;
1673
+ }
1674
+ if(obj.percentage > 2 && obj.percentage < 20){
1675
+ setReadyState(3, data);
1676
+ } else if(obj.percentage > 20){
1677
+ setReadyState(4, data);
1678
+ }
1679
+ if(data._bufferedEnd && (data._bufferedEnd > obj.percentage)){
1680
+ data._bufferedStart = data.currentTime || 0;
1681
+ }
1682
+
1683
+ data._bufferedEnd = obj.percentage;
1684
+ data.buffered.length = 1;
1685
+ if(obj.percentage == 100){
1686
+ data.networkState = 1;
1687
+ setReadyState(4, data);
1688
+ }
1689
+ $.event.trigger('progress', undefined, data._elem, true);
1690
+ },
1691
+ META: function(obj, data){
1692
+
1693
+ data = data && data.networkState ? data : getSwfDataFromID(obj.id);
1694
+
1695
+ if(!data){return;}
1696
+ if( !('duration' in obj) ){
1697
+ data._callMeta = true;
1698
+ return;
1699
+ }
1700
+
1701
+ if( data._metadata && (!obj.height || data.videoHeight == obj.height) && (obj.duration === data.duration) ){return;}
1702
+
1703
+ data._metadata = true;
1704
+
1705
+ var oldDur = data.duration;
1706
+ if(obj.duration){
1707
+ data.duration = obj.duration;
1708
+ }
1709
+ data._lastDuration = data.duration;
1710
+ if(obj.height || obj.width){
1711
+ data.videoHeight = obj.height || 0;
1712
+ data.videoWidth = obj.width || 0;
1713
+ }
1714
+ if(!data.networkState){
1715
+ data.networkState = 2;
1716
+ }
1717
+ if(data.readyState < 1){
1718
+ setReadyState(1, data);
1719
+ }
1720
+ if(data.duration && oldDur !== data.duration){
1721
+ trigger(data._elem, 'durationchange');
1722
+ }
1723
+
1724
+ trigger(data._elem, 'loadedmetadata');
1725
+ },
1726
+ TIME: function(obj){
1727
+ var data = getSwfDataFromID(obj.id);
1728
+ if(!data || data.currentTime === obj.position){return;}
1729
+ data.currentTime = obj.position;
1730
+ if(data.duration && data.duration < data.currentTime){
1731
+ getDuration(data, obj);
1732
+ }
1733
+ if(data.readyState < 2){
1734
+ setReadyState(2, data);
1735
+ }
1736
+ if(data.ended){
1737
+ data.ended = false;
1738
+ }
1739
+ trigger(data._elem, 'timeupdate');
1740
+
1741
+ },
1742
+ STATE: function(obj){
1743
+ var data = getSwfDataFromID(obj.id);
1744
+ if(!data){return;}
1745
+ switch(obj.newstate) {
1746
+ case 'BUFFERING':
1747
+
1748
+ if(data.ended){
1749
+ data.ended = false;
1750
+ }
1751
+ setReadyState(1, data);
1752
+ trigger(data._elem, 'waiting');
1753
+ break;
1754
+ case 'PLAYING':
1755
+ data.paused = false;
1756
+ data._ppFlag = true;
1757
+ if(!data.duration){
1758
+ getDuration(data, obj);
1759
+ }
1760
+ if(data.readyState < 3){
1761
+ setReadyState(3, data);
1762
+ }
1763
+ if(data.ended){
1764
+ data.ended = false;
1765
+ }
1766
+ trigger(data._elem, 'playing');
1767
+ break;
1768
+ case 'PAUSED':
1769
+ if(!data.paused && !data.stopPlayPause){
1770
+ data.paused = true;
1771
+ data._ppFlag = true;
1772
+ trigger(data._elem, 'pause');
1773
+ }
1774
+ break;
1775
+ case 'COMPLETED':
1776
+ if(data.readyState < 4){
1777
+ setReadyState(4, data);
1778
+ }
1779
+ data.ended = true;
1780
+ trigger(data._elem, 'ended');
1781
+ break;
1782
+ }
1783
+ }
1784
+ }
1785
+ ,Controller: {
1786
+
1787
+ ERROR: function(obj){
1788
+ var data = getSwfDataFromID(obj.id);
1789
+ if(!data){return;}
1790
+ mediaelement.setError(data._elem, obj.message);
1791
+ },
1792
+ SEEK: function(obj){
1793
+ var data = getSwfDataFromID(obj.id);
1794
+ if(!data){return;}
1795
+ if(data.ended){
1796
+ data.ended = false;
1797
+ }
1798
+ if(data.paused){
1799
+ try {
1800
+ data.jwapi[SENDEVENT]('play', 'false');
1801
+ } catch(er){}
1802
+ }
1803
+ if(data.currentTime != obj.position){
1804
+ data.currentTime = obj.position;
1805
+ trigger(data._elem, 'timeupdate');
1806
+ }
1807
+
1808
+
1809
+ },
1810
+ VOLUME: function(obj){
1811
+ var data = getSwfDataFromID(obj.id);
1812
+ if(!data){return;}
1813
+ var newVolume = obj.percentage / 100;
1814
+ if(data.volume == newVolume){return;}
1815
+ data.volume = newVolume;
1816
+ trigger(data._elem, 'volumechange');
1817
+ },
1818
+ MUTE: function(obj){
1819
+ if(obj.state){return;}
1820
+ var data = getSwfDataFromID(obj.id);
1821
+ if(!data){return;}
1822
+ if(data.muted == obj.state){return;}
1823
+ data.muted = obj.state;
1824
+ trigger(data._elem, 'volumechange');
1825
+ }
1826
+ }
1827
+ };
1828
+
1829
+ var initEvents = function(data){
1830
+ var passed = true;
1831
+ $.each(mediaelement.jwEvents, function(mvcName, evts){
1832
+ $.each(evts, function(evtName){
1833
+ try {
1834
+ data.jwapi['add'+ mvcName +'Listener'](evtName, 'jQuery.webshims.mediaelement.jwEvents.'+ mvcName +'.'+ evtName);
1835
+ } catch(er){
1836
+ passed = false;
1837
+ return false;
1838
+ }
1839
+ });
1840
+ });
1841
+ return passed;
1842
+ };
1843
+
1844
+ var workActionQueue = function(data){
1845
+ var actionLen = data.actionQueue.length;
1846
+ var i = 0;
1847
+ var operation;
1848
+ if(actionLen && data.isActive == 'third'){
1849
+ while(data.actionQueue.length && actionLen > i){
1850
+ i++;
1851
+ operation = data.actionQueue.shift();
1852
+ data.jwapi[operation.fn].apply(data.jwapi, operation.args);
1853
+ }
1854
+ }
1855
+ if(data.actionQueue.length){
1856
+ data.actionQueue = [];
1857
+ }
1858
+ };
1859
+ var startAutoPlay = function(data){
1860
+ if(!data){return;}
1861
+ if( (data._ppFlag === undefined && ($.prop(data._elem, 'autoplay')) || !data.paused)){
1862
+ setTimeout(function(){
1863
+ if(data.isActive == 'third' && (data._ppFlag === undefined || !data.paused)){
1864
+ try {
1865
+ $(data._elem).play();
1866
+ } catch(er){}
1867
+ }
1868
+ }, 1);
1869
+ }
1870
+ };
1871
+
1872
+
1873
+ mediaelement.playerResize = function(id){
1874
+ if(!id){return;}
1875
+ var elem = document.getElementById(id.replace(idRep, ''));
1876
+
1877
+ if(elem){
1878
+ $(elem).triggerHandler('swfstageresize');
1879
+ }
1880
+ elem = null;
1881
+ };
1882
+
1883
+
1884
+ $(document).on('emptied', function(e){
1885
+ var data = getSwfDataFromElem(e.target);
1886
+ startAutoPlay(data);
1887
+ });
1888
+
1889
+ var localConnectionTimer;
1890
+ mediaelement.jwPlayerReady = function(jwData){
1891
+ var data = getSwfDataFromID(jwData.id);
1892
+ var passed = true;
1893
+ var i = 0;
1894
+ var doneFn = function(){
1895
+ if(i > 9){return;}
1896
+ i++;
1897
+ if(initEvents(data)){
1898
+ if(!data.wasSwfReady){
1899
+ var version = parseFloat( jwData.version, 10);
1900
+ if(version < 5.1 || version >= 6){
1901
+ webshims.warn('mediaelement-swf is only testet with jwplayer 5.6+');
1902
+ }
1903
+ } else {
1904
+ $(data._elem).mediaLoad();
1905
+
1906
+ }
1907
+ data.wasSwfReady = true;
1908
+ data.tryedReframeing = 0;
1909
+ workActionQueue(data);
1910
+ startAutoPlay(data);
1911
+ } else {
1912
+ clearTimeout(data.reframeTimer);
1913
+ data.reframeTimer = setTimeout(doneFn, 9 * i);
1914
+ if(i > 2 && data.tryedReframeing < 9){
1915
+ data.tryedReframeing++;
1916
+ data.shadowElem.css({overflow: 'visible'});
1917
+ setTimeout(function(){
1918
+ data.shadowElem.css({overflow: 'hidden'});
1919
+ }, 16);
1920
+ }
1921
+ }
1922
+ };
1923
+ if(!data || !data.jwapi){return;}
1924
+ if(!data.tryedReframeing){
1925
+ data.tryedReframeing = 0;
1926
+ }
1927
+ clearTimeout(localConnectionTimer);
1928
+ data.jwData = jwData;
1929
+ data.shadowElem.removeClass('flashblocker-assumed');
1930
+ $.prop(data._elem, 'volume', data.volume);
1931
+ $.prop(data._elem, 'muted', data.muted);
1932
+ doneFn();
1933
+
1934
+ };
1935
+
1936
+ var addMediaToStopEvents = $.noop;
1937
+ if(hasNative){
1938
+ var stopEvents = {
1939
+ play: 1,
1940
+ playing: 1
1941
+ };
1942
+ var hideEvtArray = ['play', 'pause', 'playing', 'canplay', 'progress', 'waiting', 'ended', 'loadedmetadata', 'durationchange', 'emptied'];
1943
+ var hidevents = hideEvtArray.map(function(evt){
1944
+ return evt +'.webshimspolyfill';
1945
+ }).join(' ');
1946
+
1947
+ var hidePlayerEvents = function(event){
1948
+ var data = webshims.data(event.target, 'mediaelement');
1949
+ if(!data){return;}
1950
+ var isNativeHTML5 = ( event.originalEvent && event.originalEvent.type === event.type );
1951
+ if( isNativeHTML5 == (data.activating == 'third') ){
1952
+ event.stopImmediatePropagation();
1953
+ if(stopEvents[event.type] && data.isActive != data.activating){
1954
+ $(event.target).pause();
1955
+ }
1956
+ }
1957
+ };
1958
+
1959
+ addMediaToStopEvents = function(elem){
1960
+ $(elem)
1961
+ .off(hidevents)
1962
+ .on(hidevents, hidePlayerEvents)
1963
+ ;
1964
+ hideEvtArray.forEach(function(evt){
1965
+ webshims.moveToFirstEvent(elem, evt);
1966
+ });
1967
+ };
1968
+ addMediaToStopEvents(document);
1969
+ }
1970
+
1971
+
1972
+ mediaelement.setActive = function(elem, type, data){
1973
+ if(!data){
1974
+ data = webshims.data(elem, 'mediaelement');
1975
+ }
1976
+ if(!data || data.isActive == type){return;}
1977
+ if(type != 'html5' && type != 'third'){
1978
+ webshims.warn('wrong type for mediaelement activating: '+ type);
1979
+ }
1980
+ var shadowData = webshims.data(elem, 'shadowData');
1981
+ data.activating = type;
1982
+ $(elem).pause();
1983
+ data.isActive = type;
1984
+ if(type == 'third'){
1985
+ shadowData.shadowElement = shadowData.shadowFocusElement = data.shadowElem[0];
1986
+ $(elem).addClass('swf-api-active nonnative-api-active').hide().getShadowElement().show();
1987
+ } else {
1988
+ $(elem).removeClass('swf-api-active nonnative-api-active').show().getShadowElement().hide();
1989
+ shadowData.shadowElement = shadowData.shadowFocusElement = false;
1990
+ }
1991
+ $(elem).trigger('mediaelementapichange');
1992
+ };
1993
+
1994
+
1995
+
1996
+ var resetSwfProps = (function(){
1997
+ var resetProtoProps = ['_bufferedEnd', '_bufferedStart', '_metadata', '_ppFlag', 'currentSrc', 'currentTime', 'duration', 'ended', 'networkState', 'paused', 'videoHeight', 'videoWidth', '_callMeta', '_durationCalcs'];
1998
+ var len = resetProtoProps.length;
1999
+ return function(data){
2000
+
2001
+ if(!data){return;}
2002
+ var lenI = len;
2003
+ var networkState = data.networkState;
2004
+ setReadyState(0, data);
2005
+ while(--lenI){
2006
+ delete data[resetProtoProps[lenI]];
2007
+ }
2008
+ data.actionQueue = [];
2009
+ data.buffered.length = 0;
2010
+ if(networkState){
2011
+ trigger(data._elem, 'emptied');
2012
+ }
2013
+ };
2014
+ })();
2015
+
2016
+ var setElementDimension = function(data, hasControls){
2017
+ var elem = data._elem;
2018
+ var box = data.shadowElem;
2019
+ $(elem)[hasControls ? 'addClass' : 'removeClass']('webshims-controls');
2020
+ if(data._elemNodeName == 'audio' && !hasControls){
2021
+ box.css({width: 0, height: 0});
2022
+ } else {
2023
+ box.css({
2024
+ width: elem.style.width || $(elem).width(),
2025
+ height: elem.style.height || $(elem).height()
2026
+ });
2027
+ }
2028
+ };
2029
+
2030
+ mediaelement.createSWF = function( elem, canPlaySrc, data ){
2031
+ if(!hasFlash){
2032
+ setTimeout(function(){
2033
+ $(elem).mediaLoad(); //<- this should produce a mediaerror
2034
+ }, 1);
2035
+ return;
2036
+ }
2037
+
2038
+ if(loadedSwf < 1){
2039
+ loadedSwf = 1;
2040
+ } else {
2041
+ loadedSwf++;
2042
+ }
2043
+ var vars = $.extend({}, options.vars, {
2044
+ image: $.prop(elem, 'poster') || '',
2045
+ file: canPlaySrc.srcProp
2046
+ });
2047
+ var elemVars = $(elem).data('vars') || {};
2048
+
2049
+ if(!data){
2050
+ data = webshims.data(elem, 'mediaelement');
2051
+ }
2052
+
2053
+ if(data && data.swfCreated){
2054
+ mediaelement.setActive(elem, 'third', data);
2055
+ resetSwfProps(data);
2056
+ data.currentSrc = canPlaySrc.srcProp;
2057
+ $.extend(vars, elemVars);
2058
+ options.changeSWF(vars, elem, canPlaySrc, data, 'load');
2059
+ queueSwfMethod(elem, SENDEVENT, ['LOAD', vars]);
2060
+ return;
2061
+ }
2062
+
2063
+
2064
+ var hasControls = $.prop(elem, 'controls');
2065
+ var elemId = 'jwplayer-'+ webshims.getID(elem);
2066
+ var params = $.extend(
2067
+ {},
2068
+ options.params,
2069
+ $(elem).data('params')
2070
+ );
2071
+ var elemNodeName = elem.nodeName.toLowerCase();
2072
+ var attrs = $.extend(
2073
+ {},
2074
+ options.attrs,
2075
+ {
2076
+ name: elemId,
2077
+ id: elemId
2078
+ },
2079
+ $(elem).data('attrs')
2080
+ );
2081
+ var box = $('<div class="polyfill-'+ (elemNodeName) +' polyfill-mediaelement" id="wrapper-'+ elemId +'"><div id="'+ elemId +'"></div>')
2082
+ .css({
2083
+ position: 'relative',
2084
+ overflow: 'hidden'
2085
+ })
2086
+ ;
2087
+ data = webshims.data(elem, 'mediaelement', webshims.objectCreate(playerStateObj, {
2088
+ actionQueue: {
2089
+ value: []
2090
+ },
2091
+ shadowElem: {
2092
+ value: box
2093
+ },
2094
+ _elemNodeName: {
2095
+ value: elemNodeName
2096
+ },
2097
+ _elem: {
2098
+ value: elem
2099
+ },
2100
+ currentSrc: {
2101
+ value: canPlaySrc.srcProp
2102
+ },
2103
+ swfCreated: {
2104
+ value: true
2105
+ },
2106
+ buffered: {
2107
+ value: {
2108
+ start: function(index){
2109
+ if(index >= data.buffered.length){
2110
+ webshims.error('buffered index size error');
2111
+ return;
2112
+ }
2113
+ return 0;
2114
+ },
2115
+ end: function(index){
2116
+ if(index >= data.buffered.length){
2117
+ webshims.error('buffered index size error');
2118
+ return;
2119
+ }
2120
+ return ( (data.duration - data._bufferedStart) * data._bufferedEnd / 100) + data._bufferedStart;
2121
+ },
2122
+ length: 0
2123
+ }
2124
+ }
2125
+ }));
2126
+
2127
+ setElementDimension(data, hasControls);
2128
+
2129
+ box.insertBefore(elem);
2130
+
2131
+ if(hasNative){
2132
+ $.extend(data, {volume: $.prop(elem, 'volume'), muted: $.prop(elem, 'muted')});
2133
+ }
2134
+
2135
+ $.extend(vars,
2136
+ {
2137
+ id: elemId,
2138
+ controlbar: hasControls ? options.vars.controlbar || (elemNodeName == 'video' ? 'over' : 'bottom') : (elemNodeName == 'video') ? 'none' : 'bottom',
2139
+ icons: ''+ (hasControls && elemNodeName == 'video')
2140
+ },
2141
+ elemVars,
2142
+ {playerready: 'jQuery.webshims.mediaelement.jwPlayerReady'}
2143
+ );
2144
+ if(vars.plugins){
2145
+ vars.plugins += ','+jwplugin;
2146
+ } else {
2147
+ vars.plugins = jwplugin;
2148
+ }
2149
+
2150
+
2151
+ webshims.addShadowDom(elem, box);
2152
+
2153
+ addMediaToStopEvents(elem);
2154
+
2155
+ mediaelement.setActive(elem, 'third', data);
2156
+
2157
+ options.changeSWF(vars, elem, canPlaySrc, data, 'embed');
2158
+
2159
+ $(elem).on('updatemediaelementdimensions updateshadowdom', function(){
2160
+ setElementDimension(data, $.prop(elem, 'controls'));
2161
+ });
2162
+
2163
+
2164
+ swfobject.embedSWF(playerSwfPath, elemId, "100%", "100%", "9.0.0", false, vars, params, attrs, function(swfData){
2165
+
2166
+ if(swfData.success){
2167
+ data.jwapi = swfData.ref;
2168
+
2169
+ if(!hasControls){
2170
+ $(swfData.ref).attr('tabindex', '-1').css('outline', 'none');
2171
+ }
2172
+ setTimeout(function(){
2173
+ if((!swfData.ref.parentNode && box[0].parentNode) || swfData.ref.style.display == "none"){
2174
+ box.addClass('flashblocker-assumed');
2175
+ $(elem).trigger('flashblocker');
2176
+ webshims.warn("flashblocker assumed");
2177
+ }
2178
+ $(swfData.ref).css({'minHeight': '2px', 'minWidth': '2px', display: 'block'});
2179
+ }, 9);
2180
+ if(!localConnectionTimer){
2181
+ clearTimeout(localConnectionTimer);
2182
+ localConnectionTimer = setTimeout(function(){
2183
+ var flash = $(swfData.ref);
2184
+ if(flash[0].offsetWidth > 1 && flash[0].offsetHeight > 1 && location.protocol.indexOf('file:') === 0){
2185
+ webshims.error("Add your local development-directory to the local-trusted security sandbox: http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager04.html");
2186
+ } else if(flash[0].offsetWidth < 2 || flash[0].offsetHeight < 2) {
2187
+ webshims.warn("JS-SWF connection can't be established on hidden or unconnected flash objects");
2188
+ }
2189
+ flash = null;
2190
+ }, 8000);
2191
+ }
2192
+ }
2193
+ });
2194
+ };
2195
+
2196
+
2197
+ var queueSwfMethod = function(elem, fn, args, data){
2198
+ data = data || getSwfDataFromElem(elem);
2199
+ if(data){
2200
+ if(data.jwapi && data.jwapi[fn]){
2201
+ data.jwapi[fn].apply(data.jwapi, args || []);
2202
+ } else {
2203
+ //todo add to queue
2204
+ data.actionQueue.push({fn: fn, args: args});
2205
+ if(data.actionQueue.length > 10){
2206
+ setTimeout(function(){
2207
+ if(data.actionQueue.length > 5){
2208
+ data.actionQueue.shift();
2209
+ }
2210
+ }, 99);
2211
+ }
2212
+ }
2213
+ return data;
2214
+ }
2215
+ return false;
2216
+ };
2217
+
2218
+ ['audio', 'video'].forEach(function(nodeName){
2219
+ var descs = {};
2220
+ var mediaSup;
2221
+ var createGetProp = function(key){
2222
+ if(nodeName == 'audio' && (key == 'videoHeight' || key == 'videoWidth')){return;}
2223
+
2224
+ descs[key] = {
2225
+ get: function(){
2226
+ var data = getSwfDataFromElem(this);
2227
+ if(data){
2228
+ return data[key];
2229
+ } else if(hasNative && mediaSup[key].prop._supget) {
2230
+ return mediaSup[key].prop._supget.apply(this);
2231
+ } else {
2232
+ return playerStateObj[key];
2233
+ }
2234
+ },
2235
+ writeable: false
2236
+ };
2237
+ };
2238
+ var createGetSetProp = function(key, setFn){
2239
+ createGetProp(key);
2240
+ delete descs[key].writeable;
2241
+ descs[key].set = setFn;
2242
+ };
2243
+
2244
+ createGetSetProp('volume', function(v){
2245
+ var data = getSwfDataFromElem(this);
2246
+ if(data){
2247
+ v *= 100;
2248
+ if(!isNaN(v)){
2249
+ var muted = data.muted;
2250
+ if(v < 0 || v > 100){
2251
+ webshims.error('volume greater or less than allowed '+ (v / 100));
2252
+ }
2253
+
2254
+ queueSwfMethod(this, SENDEVENT, ['VOLUME', v], data);
2255
+ if(muted){
2256
+ try {
2257
+ data.jwapi.sendEvent('mute', 'true');
2258
+ } catch(er){}
2259
+ }
2260
+ v /= 100;
2261
+ if(data.volume == v || data.isActive != 'third'){return;}
2262
+ data.volume = v;
2263
+ trigger(data._elem, 'volumechange');
2264
+ data = null;
2265
+ }
2266
+ } else if(mediaSup.volume.prop._supset) {
2267
+ return mediaSup.volume.prop._supset.apply(this, arguments);
2268
+ }
2269
+ });
2270
+
2271
+ createGetSetProp('muted', function(m){
2272
+ var data = getSwfDataFromElem(this);
2273
+ if(data){
2274
+ m = !!m;
2275
+ queueSwfMethod(this, SENDEVENT, ['mute', ''+m], data);
2276
+ if(data.muted == m || data.isActive != 'third'){return;}
2277
+ data.muted = m;
2278
+ trigger(data._elem, 'volumechange');
2279
+ data = null;
2280
+ } else if(mediaSup.muted.prop._supset) {
2281
+ return mediaSup.muted.prop._supset.apply(this, arguments);
2282
+ }
2283
+ });
2284
+
2285
+
2286
+ createGetSetProp('currentTime', function(t){
2287
+ var data = getSwfDataFromElem(this);
2288
+ if(data){
2289
+ t *= 1;
2290
+ if (!isNaN(t)) {
2291
+ if(data.paused){
2292
+ clearTimeout(data.stopPlayPause);
2293
+ data.stopPlayPause = setTimeout(function(){
2294
+ data.paused = true;
2295
+ data.stopPlayPause = false;
2296
+ }, 50);
2297
+ }
2298
+ queueSwfMethod(this, SENDEVENT, ['SEEK', '' + t], data);
2299
+
2300
+ if(data.paused){
2301
+ if(data.readyState > 0){
2302
+ data.currentTime = t;
2303
+ trigger(data._elem, 'timeupdate');
2304
+ }
2305
+ try {
2306
+ data.jwapi[SENDEVENT]('play', 'false');
2307
+ } catch(er){}
2308
+
2309
+ }
2310
+ }
2311
+
2312
+ } else if(mediaSup.currentTime.prop._supset) {
2313
+ return mediaSup.currentTime.prop._supset.apply(this, arguments);
2314
+ }
2315
+ });
2316
+
2317
+ ['play', 'pause'].forEach(function(fn){
2318
+ descs[fn] = {
2319
+ value: function(){
2320
+ var data = getSwfDataFromElem(this);
2321
+ if(data){
2322
+ if(data.stopPlayPause){
2323
+ clearTimeout(data.stopPlayPause);
2324
+ }
2325
+ queueSwfMethod(this, SENDEVENT, ['play', fn == 'play'], data);
2326
+ setTimeout(function(){
2327
+ if(data.isActive == 'third'){
2328
+ data._ppFlag = true;
2329
+ if(data.paused != (fn != 'play')){
2330
+ data.paused = fn != 'play';
2331
+ trigger(data._elem, fn);
2332
+ }
2333
+ }
2334
+ }, 1);
2335
+ } else if(mediaSup[fn].prop._supvalue) {
2336
+ return mediaSup[fn].prop._supvalue.apply(this, arguments);
2337
+ }
2338
+ }
2339
+ };
2340
+ });
2341
+
2342
+ getPropKeys.forEach(createGetProp);
2343
+
2344
+ webshims.onNodeNamesPropertyModify(nodeName, 'controls', function(val, boolProp){
2345
+ var data = getSwfDataFromElem(this);
2346
+ $(this)[boolProp ? 'addClass' : 'removeClass']('webshims-controls');
2347
+
2348
+ if(data){
2349
+ try {
2350
+ queueSwfMethod(this, boolProp ? 'showControls' : 'hideControls', [nodeName], data);
2351
+ } catch(er){
2352
+ webshims.warn("you need to generate a crossdomain.xml");
2353
+ }
2354
+ if(nodeName == 'audio'){
2355
+ setElementDimension(data, boolProp);
2356
+ }
2357
+ $(data.jwapi).attr('tabindex', boolProp ? '0' : '-1');
2358
+ }
2359
+ });
2360
+
2361
+ mediaSup = webshims.defineNodeNameProperties(nodeName, descs, 'prop');
2362
+ });
2363
+
2364
+ if(hasFlash){
2365
+ var oldClean = $.cleanData;
2366
+ var gcBrowser = $.browser.msie && webshims.browserVersion < 9;
2367
+ var flashNames = {
2368
+ object: 1,
2369
+ OBJECT: 1
2370
+ };
2371
+ $.cleanData = function(elems){
2372
+ var i, len, prop;
2373
+ if(elems && (len = elems.length) && loadedSwf){
2374
+
2375
+ for(i = 0; i < len; i++){
2376
+ if(flashNames[elems[i].nodeName]){
2377
+ if(SENDEVENT in elems[i]){
2378
+ loadedSwf--;
2379
+ try {
2380
+ elems[i][SENDEVENT]('play', false);
2381
+ } catch(er){}
2382
+ }
2383
+ if(gcBrowser){
2384
+ try {
2385
+ for (prop in elems[i]) {
2386
+ if (typeof elems[i][prop] == "function") {
2387
+ elems[i][prop] = null;
2388
+ }
2389
+ }
2390
+ } catch(er){}
2391
+ }
2392
+ }
2393
+ }
2394
+
2395
+ }
2396
+ return oldClean.apply(this, arguments);
2397
+ };
2398
+ }
2399
+
2400
+ if(!hasNative){
2401
+
2402
+ ['poster', 'src'].forEach(function(prop){
2403
+ webshims.defineNodeNamesProperty(prop == 'src' ? ['audio', 'video', 'source'] : ['video'], prop, {
2404
+ //attr: {},
2405
+ reflect: true,
2406
+ propType: 'src'
2407
+ });
2408
+ });
2409
+
2410
+
2411
+ ['autoplay', 'controls'].forEach(function(name){
2412
+ webshims.defineNodeNamesBooleanProperty(['audio', 'video'], name);
2413
+ });
2414
+
2415
+ webshims.defineNodeNamesProperties(['audio', 'video'], {
2416
+ HAVE_CURRENT_DATA: {
2417
+ value: 2
2418
+ },
2419
+ HAVE_ENOUGH_DATA: {
2420
+ value: 4
2421
+ },
2422
+ HAVE_FUTURE_DATA: {
2423
+ value: 3
2424
+ },
2425
+ HAVE_METADATA: {
2426
+ value: 1
2427
+ },
2428
+ HAVE_NOTHING: {
2429
+ value: 0
2430
+ },
2431
+ NETWORK_EMPTY: {
2432
+ value: 0
2433
+ },
2434
+ NETWORK_IDLE: {
2435
+ value: 1
2436
+ },
2437
+ NETWORK_LOADING: {
2438
+ value: 2
2439
+ },
2440
+ NETWORK_NO_SOURCE: {
2441
+ value: 3
2442
+ }
2443
+
2444
+ }, 'prop');
2445
+ }
2519
2446
  });