Skip to content

Commit 663d4b3

Browse files
author
Philipp
committed
Fixes MediaType detection
Removes queries and hashtags from the source
1 parent cc171a6 commit 663d4b3

File tree

7 files changed

+243
-177
lines changed

7 files changed

+243
-177
lines changed

‎demo/public/js/app.js‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/index.common.js‎

Lines changed: 53 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -172,6 +172,21 @@ exports.f = DESCRIPTORS ? nativeGetOwnPropertyDescriptor : function getOwnProper
172172
};
173173

174174

175+
/***/ }),
176+
177+
/***/ "0c89":
178+
/***/ (function(module, exports, __webpack_require__) {
179+
180+
// style-loader: Adds some css to the DOM by adding a <style> tag
181+
182+
// load the styles
183+
var content = __webpack_require__("6ac6");
184+
if(typeof content === 'string') content = [[module.i, content, '']];
185+
if(content.locals) module.exports = content.locals;
186+
// add the styles to the DOM
187+
var add = __webpack_require__("499e").default
188+
var update = add("33afb53a", content, true, {"sourceMap":false,"shadowMode":false});
189+
175190
/***/ }),
176191

177192
/***/ "0cfb":
@@ -413,17 +428,6 @@ var getBuiltIn = __webpack_require__("d066");
413428
module.exports = getBuiltIn('document', 'documentElement');
414429

415430

416-
/***/ }),
417-
418-
/***/ "1bfa":
419-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
420-
421-
"use strict";
422-
/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_VideoPlayer_vue_vue_type_style_index_0_id_fefd42ee_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("431e");
423-
/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_VideoPlayer_vue_vue_type_style_index_0_id_fefd42ee_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_VideoPlayer_vue_vue_type_style_index_0_id_fefd42ee_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
424-
/* unused harmony reexport * */
425-
/* unused harmony default export */ var _unused_webpack_default_export = (_node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_VideoPlayer_vue_vue_type_style_index_0_id_fefd42ee_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a);
426-
427431
/***/ }),
428432

429433
/***/ "1c0b":
@@ -841,21 +845,6 @@ var global = __webpack_require__("da84");
841845
module.exports = global;
842846

843847

844-
/***/ }),
845-
846-
/***/ "431e":
847-
/***/ (function(module, exports, __webpack_require__) {
848-
849-
// style-loader: Adds some css to the DOM by adding a <style> tag
850-
851-
// load the styles
852-
var content = __webpack_require__("fc5a");
853-
if(typeof content === 'string') content = [[module.i, content, '']];
854-
if(content.locals) module.exports = content.locals;
855-
// add the styles to the DOM
856-
var add = __webpack_require__("499e").default
857-
var update = add("53770d9c", content, true, {"sourceMap":false,"shadowMode":false});
858-
859848
/***/ }),
860849

861850
/***/ "44ad":
@@ -1587,6 +1576,20 @@ module.exports = {
15871576
};
15881577

15891578

1579+
/***/ }),
1580+
1581+
/***/ "6ac6":
1582+
/***/ (function(module, exports, __webpack_require__) {
1583+
1584+
// Imports
1585+
var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
1586+
exports = ___CSS_LOADER_API_IMPORT___(false);
1587+
// Module
1588+
exports.push([module.i, ".video-wrapper[data-v-c4fb7048]{display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:absolute;overflow:hidden;z-index:0}.fade[data-v-c4fb7048]{-webkit-backface-visibility:hidden;backface-visibility:hidden}.fade-enter-active[data-v-c4fb7048],.fade-leave-active[data-v-c4fb7048]{transition:opacity 1s}.fade-enter[data-v-c4fb7048],.fade-leave-to[data-v-c4fb7048]{opacity:0}video[data-v-c4fb7048]{visibility:visible;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100%;width:100%}", ""]);
1589+
// Exports
1590+
module.exports = exports;
1591+
1592+
15901593
/***/ }),
15911594

15921595
/***/ "6eeb":
@@ -1953,6 +1956,17 @@ module.exports = function (S, index, unicode) {
19531956
};
19541957

19551958

1959+
/***/ }),
1960+
1961+
/***/ "8dfa":
1962+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
1963+
1964+
"use strict";
1965+
/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_VideoPlayer_vue_vue_type_style_index_0_id_c4fb7048_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("0c89");
1966+
/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_VideoPlayer_vue_vue_type_style_index_0_id_c4fb7048_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_VideoPlayer_vue_vue_type_style_index_0_id_c4fb7048_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
1967+
/* unused harmony reexport * */
1968+
/* unused harmony default export */ var _unused_webpack_default_export = (_node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_VideoPlayer_vue_vue_type_style_index_0_id_c4fb7048_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a);
1969+
19561970
/***/ }),
19571971

19581972
/***/ "90e3":
@@ -3470,7 +3484,7 @@ if (typeof window !== 'undefined') {
34703484
// Indicate to webpack that this file can be concatenated
34713485
/* harmony default export */ var setPublicPath = (null);
34723486

3473-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"22bedf81-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/VideoBackground.vue?vue&type=template&id=3165c114&scoped=true&
3487+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f4d610c0-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/VideoBackground.vue?vue&type=template&id=3165c114&scoped=true&
34743488
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{ref:"vidbg",staticClass:"vue-responsive-videobg"},[(_vm.current.poster || _vm.poster)?_c('video-poster',{attrs:{"poster":_vm.current.poster || _vm.poster}}):_vm._e(),_c('video-player',{ref:"player",attrs:{"src":_vm.current.src,"muted":_vm.muted,"loop":_vm.loop,"preload":_vm.preload,"plays-when":_vm.playsWhen,"playback-rate":_vm.playbackRate},on:{"ready":_vm.playVideo,"playing":function($event){return _vm.$emit('playing')},"error":function($event){return _vm.$emit('error')},"loading":function($event){return _vm.$emit('loading')},"ended":function($event){return _vm.$emit('ended')}}}),(_vm.overlay)?_c('video-overlay',{attrs:{"overlay":_vm.overlay}}):_vm._e(),_c('div',{staticClass:"videobg-content"},[_vm._t("default")],2)],1)}
34753489
var staticRenderFns = []
34763490

@@ -3683,12 +3697,12 @@ var exists = function exists(obj, key) {
36833697
"default": ''
36843698
}
36853699
}, playerProps));
3686-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"22bedf81-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/VideoPlayer.vue?vue&type=template&id=fefd42ee&scoped=true&
3687-
var VideoPlayervue_type_template_id_fefd42ee_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":"fade"}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.showVideo),expression:"showVideo"}],staticClass:"video-wrapper"},[_c('video',{ref:"video",style:(_vm.styleObject),attrs:{"autoplay":"","playsinline":"","loop":_vm.loop,"preload":_vm.preload},domProps:{"muted":_vm.muted}},[_c('source',{attrs:{"src":_vm.src,"type":_vm.getMediaType(_vm.src)}})])])])}
3688-
var VideoPlayervue_type_template_id_fefd42ee_scoped_true_staticRenderFns = []
3700+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f4d610c0-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/VideoPlayer.vue?vue&type=template&id=c4fb7048&scoped=true&
3701+
var VideoPlayervue_type_template_id_c4fb7048_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":"fade"}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.showVideo),expression:"showVideo"}],staticClass:"video-wrapper"},[_c('video',{ref:"video",style:(_vm.styleObject),attrs:{"autoplay":"","playsinline":"","loop":_vm.loop,"preload":_vm.preload},domProps:{"muted":_vm.muted}},[_c('source',{attrs:{"src":_vm.src,"type":_vm.getMediaType(_vm.src)}})])])])}
3702+
var VideoPlayervue_type_template_id_c4fb7048_scoped_true_staticRenderFns = []
36893703

36903704

3691-
// CONCATENATED MODULE: ./src/components/VideoPlayer.vue?vue&type=template&id=fefd42ee&scoped=true&
3705+
// CONCATENATED MODULE: ./src/components/VideoPlayer.vue?vue&type=template&id=c4fb7048&scoped=true&
36923706

36933707
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.exec.js
36943708
var es_regexp_exec = __webpack_require__("ac1f");
@@ -3782,7 +3796,7 @@ var web_timers = __webpack_require__("4795");
37823796
this.showVideo = false;
37833797
},
37843798
getMediaType: function getMediaType(src) {
3785-
return "video/".concat(src.split('.').pop());
3799+
return "video/".concat(src.split('.').pop().split(/[?#]/)[0]);
37863800
},
37873801
videoCanPlay: function videoCanPlay() {
37883802
return !!this.$refs.video.canPlayType;
@@ -3814,8 +3828,8 @@ var web_timers = __webpack_require__("4795");
38143828
});
38153829
// CONCATENATED MODULE: ./src/components/VideoPlayer.vue?vue&type=script&lang=js&
38163830
/* harmony default export */ var components_VideoPlayervue_type_script_lang_js_ = (VideoPlayervue_type_script_lang_js_);
3817-
// EXTERNAL MODULE: ./src/components/VideoPlayer.vue?vue&type=style&index=0&id=fefd42ee&scoped=true&lang=css&
3818-
var VideoPlayervue_type_style_index_0_id_fefd42ee_scoped_true_lang_css_ = __webpack_require__("1bfa");
3831+
// EXTERNAL MODULE: ./src/components/VideoPlayer.vue?vue&type=style&index=0&id=c4fb7048&scoped=true&lang=css&
3832+
var VideoPlayervue_type_style_index_0_id_c4fb7048_scoped_true_lang_css_ = __webpack_require__("8dfa");
38193833

38203834
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
38213835
/* globals __VUE_SSR_CONTEXT__ */
@@ -3923,17 +3937,17 @@ function normalizeComponent (
39233937

39243938
var component = normalizeComponent(
39253939
components_VideoPlayervue_type_script_lang_js_,
3926-
VideoPlayervue_type_template_id_fefd42ee_scoped_true_render,
3927-
VideoPlayervue_type_template_id_fefd42ee_scoped_true_staticRenderFns,
3940+
VideoPlayervue_type_template_id_c4fb7048_scoped_true_render,
3941+
VideoPlayervue_type_template_id_c4fb7048_scoped_true_staticRenderFns,
39283942
false,
39293943
null,
3930-
"fefd42ee",
3944+
"c4fb7048",
39313945
null
39323946

39333947
)
39343948

39353949
/* harmony default export */ var VideoPlayer = (component.exports);
3936-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"22bedf81-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/VideoPoster.vue?vue&type=template&id=b5717866&scoped=true&
3950+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f4d610c0-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/VideoPoster.vue?vue&type=template&id=b5717866&scoped=true&
39373951
var VideoPostervue_type_template_id_b5717866_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"video-buffering",style:(_vm.image)})}
39383952
var VideoPostervue_type_template_id_b5717866_scoped_true_staticRenderFns = []
39393953

@@ -3989,7 +4003,7 @@ var VideoPoster_component = normalizeComponent(
39894003
)
39904004

39914005
/* harmony default export */ var VideoPoster = (VideoPoster_component.exports);
3992-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"22bedf81-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/VideoOverlay.vue?vue&type=template&id=ea6e5e6a&scoped=true&
4006+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f4d610c0-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/VideoOverlay.vue?vue&type=template&id=ea6e5e6a&scoped=true&
39934007
var VideoOverlayvue_type_template_id_ea6e5e6a_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"video-overlay",style:({background: _vm.overlay})})}
39944008
var VideoOverlayvue_type_template_id_ea6e5e6a_scoped_true_staticRenderFns = []
39954009

@@ -4279,20 +4293,6 @@ $({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT || !USES_TO_LENGT
42794293
});
42804294

42814295

4282-
/***/ }),
4283-
4284-
/***/ "fc5a":
4285-
/***/ (function(module, exports, __webpack_require__) {
4286-
4287-
// Imports
4288-
var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
4289-
exports = ___CSS_LOADER_API_IMPORT___(false);
4290-
// Module
4291-
exports.push([module.i, ".video-wrapper[data-v-fefd42ee]{display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:absolute;overflow:hidden;z-index:0}.fade[data-v-fefd42ee]{-webkit-backface-visibility:hidden;backface-visibility:hidden}.fade-enter-active[data-v-fefd42ee],.fade-leave-active[data-v-fefd42ee]{transition:opacity 1s}.fade-enter[data-v-fefd42ee],.fade-leave-to[data-v-fefd42ee]{opacity:0}video[data-v-fefd42ee]{visibility:visible;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100%;width:100%}", ""]);
4292-
// Exports
4293-
module.exports = exports;
4294-
4295-
42964296
/***/ }),
42974297

42984298
/***/ "fc6a":

0 commit comments

Comments
 (0)