{"version":3,"sources":["webpack:///./src/views/wx/video.vue?3144","webpack:///./src/views/wx/video.vue?41d8","webpack:///src/views/wx/video.vue","webpack:///./src/views/wx/video.vue?e08b","webpack:///./src/views/wx/video.vue"],"names":["_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_video_vue_vue_type_style_index_0_id_03d0615e_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_video_vue_vue_type_style_index_0_id_03d0615e_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default","n","render","_vm","this","_h","$createElement","_c","_self","staticClass","ref","attrs","preload","webkit-playsinline","playsinline","x5-video-player-type","controlsList","poster","videoinfo","x5-video-orientation","src","video","on","contextmenu","$event","preventDefault","click","videopause","play","isplay","pause","loadedmetadata","videoinit","ended","videoended","_e","iscontrols","videoplay","_m","staticRenderFns","href","videovue_type_script_lang_js_","name","data","kv","isload","wxvideo","wxvideoready","methods","getdata","_this","jsondata","postdata","act","alias","msg","$common","post","res","infodata","$nextTick","$refs","isautoplay","controls","myinterval","window","setInterval","clearInterval","_unused","currentTime","mounted","$route","query","wx_videovue_type_script_lang_js_","component","Object","componentNormalizer","__webpack_exports__"],"mappings":"gHAAA,IAAAA,EAAAC,EAAA,QAAAC,EAAAD,EAAAE,EAAAH,GAAmfE,EAAG,8CCAtf,IAAAE,EAAA,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,gBAA0BN,EAAA,OAAAI,EAAA,SAA2BG,IAAA,UAAAC,OAAqBC,QAAA,OAAAC,qBAAA,OAAAC,YAAA,OAAAC,uBAAA,UAAAC,aAAA,aAAAC,OAAAd,EAAAe,UAAAD,OAAAE,uBAAA,qBAAAC,IAAAjB,EAAAe,UAAAG,OAAmOC,IAAKC,YAAA,SAAAC,GAA+BA,EAAAC,kBAAyBC,MAAAvB,EAAAwB,WAAAC,KAAA,SAAAJ,GAAgDrB,EAAA0B,QAAA,GAAgBC,MAAA,SAAAN,GAA0BrB,EAAA0B,QAAA,GAAiBE,eAAA5B,EAAA6B,UAAAC,MAAA9B,EAAA+B,cAAwD/B,EAAAgC,KAAAhC,EAAA0B,QAAA1B,EAAAe,UAAAkB,WAAkHjC,EAAAgC,KAAlH5B,EAAA,OAAgEE,YAAA,WAAAa,IAA2BI,MAAAvB,EAAAkC,aAAuBlC,EAAAmC,GAAA,QACzuBC,GAAA,WAAoC,IAAApC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,KAAeI,OAAO6B,KAAA,OAAYjC,EAAA,KAAUE,YAAA,6BCY/IgC,GACAC,KAAA,UACAC,KAFA,WAGA,OACAC,GAAA,GACAC,QAAA,EACA3B,aACA4B,QAAA,GACAC,cAAA,EACAlB,QAAA,IAGAmB,SACAC,QADA,WACA,IAAAC,EAAA9C,KACA+C,GACAC,UAAAC,IAAA,gBAAAV,MAAAW,MAAAlD,KAAAwC,KAAAW,IAAA,IAEAnD,KAAAoD,QAAAC,KAAAN,EAAA,SAAAO,GACAR,EAAAhC,UAAAwC,EAAAC,SACAT,EAAAL,QAAA,EACAK,EAAAU,UAAA,WACAV,EAAAJ,QAAAI,EAAAW,MAAAf,QAEA,IAAAV,EAAA,GAAAc,EAAAhC,UAAAkB,WACA0B,EAAA,GAAAZ,EAAAhC,UAAA4C,WAIA,GAHAZ,EAAAJ,QAAAiB,SAAA3B,EAGA0B,EACA,IAAAE,EAAAC,OAAAC,YAAA,WACAhB,EAAArB,OAEAoC,OAAAE,cAAAH,GAGAd,EAAAb,aAGA,UAOAL,UAAA,aAIAK,UAAA,WACA,IACAjC,KAAA0C,SACA1C,KAAA0C,QAAAlB,OAGA,MAAAwC,MASAzC,WAAA,WACAvB,KAAA0C,UACA1C,KAAAc,UAAAkB,YAEAhC,KAAA0C,QAAAhB,UAOAI,WAAA,WACA9B,KAAA0C,QAAAuB,YAAA,EACAjE,KAAAuB,eAGA2C,QAhFA,WAkFAlE,KAAAwC,GAAAxC,KAAAmE,OAAAC,MAAA5B,GACAxC,KAAA6C,YChG8VwB,EAAA,0BCQ9VC,EAAgBC,OAAAC,EAAA,KAAAD,CACdF,EACAvE,EACAqC,GACF,EACA,KACA,WACA,MAIesC,EAAA,WAAAH","file":"js/chunk-6bb4ae24.2dc401a9.js","sourcesContent":["import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./video.vue?vue&type=style&index=0&id=03d0615e&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./video.vue?vue&type=style&index=0&id=03d0615e&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"videoplayer\"},[(_vm.isload)?_c('video',{ref:\"wxvideo\",attrs:{\"preload\":\"auto\",\"webkit-playsinline\":\"true\",\"playsinline\":\"true\",\"x5-video-player-type\":\"h5-page\",\"controlsList\":\"nodownload\",\"poster\":_vm.videoinfo.poster,\"x5-video-orientation\":\"landscape|portrait\",\"src\":_vm.videoinfo.video},on:{\"contextmenu\":function($event){$event.preventDefault();},\"click\":_vm.videopause,\"play\":function($event){_vm.isplay=true},\"pause\":function($event){_vm.isplay=false},\"loadedmetadata\":_vm.videoinit,\"ended\":_vm.videoended}}):_vm._e(),(!_vm.isplay && !_vm.videoinfo.iscontrols)?_c('div',{staticClass:\"videobtn\",on:{\"click\":_vm.videoplay}},[_vm._m(0)]):_vm._e()])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',{attrs:{\"href\":\"#\"}},[_c('i',{staticClass:\"iconfont icon-bofang\"})])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"videoplayer\">\r\n\r\n        <video v-if=\"isload\" ref=\"wxvideo\" preload=\"auto\" webkit-playsinline=\"true\" playsinline=\"true\" x5-video-player-type=\"h5-page\" controlsList=\"nodownload\" :poster=\"videoinfo.poster\" x5-video-orientation=\"landscape|portrait\" :src=\"videoinfo.video\" @contextmenu.prevent=\"\" @click=\"videopause\" @play=\"isplay=true\" @pause=\"isplay=false\" @loadedmetadata=\"videoinit\" @ended=\"videoended\">\r\n        </video>\r\n        <div class=\"videobtn\" v-if=\"!isplay && !videoinfo.iscontrols\" @click=\"videoplay\">\r\n            <a href=\"#\"><i class=\"iconfont icon-bofang\"></i></a>\r\n        </div>\r\n    </div>\r\n\r\n</template>\r\n\r\n<script>\r\n    export default {\r\n        name: 'wxvideo',\r\n        data() {\r\n            return {\r\n                kv: '',\r\n                isload: false,\r\n                videoinfo: {},\r\n                wxvideo: '',\r\n                wxvideoready: false,\r\n                isplay: false\r\n            };\r\n        },\r\n        methods: {\r\n            getdata() {\r\n                let jsondata = {\r\n                    'postdata': { 'act': 'te_wxmp_video', \"data\": { \"alias\": this.kv } }, \"msg\": \"\"\r\n                };\r\n                this.$common.post(jsondata, res => {\r\n                    this.videoinfo = res.infodata;\r\n                    this.isload = true;\r\n                    this.$nextTick(() => {\r\n                        this.wxvideo = this.$refs.wxvideo;\r\n\r\n                        let iscontrols = this.videoinfo.iscontrols == 1;\r\n                        let isautoplay = this.videoinfo.isautoplay == 1;\r\n                        this.wxvideo.controls = iscontrols;\r\n                        //this.wxvideo.autoplay = isautoplay;\r\n\r\n                        if (isautoplay) {\r\n                            let myinterval = window.setInterval(() => {\r\n                                if (this.isplay) {\r\n                                    //this.wxvideo.pause();\r\n                                    window.clearInterval(myinterval);\r\n                                }\r\n                                else {\r\n                                    this.videoplay();\r\n                                }\r\n\r\n                            }, 100);\r\n                        }\r\n\r\n\r\n                    })\r\n                });\r\n            },\r\n            videoinit: function () {\r\n                //this.wxvideoready = true;\r\n            },\r\n\r\n            videoplay: function () {\r\n                try {\r\n                    if (this.wxvideo) {\r\n                        this.wxvideo.play();\r\n                    }\r\n                }\r\n                catch {\r\n                    //\r\n                }\r\n                //if (this.wxvideoready || isauto) {\r\n                //this.wxvideo.play();\r\n                //this.isplay = true;\r\n                //if (isauto) { this.wxvideo.pause(); }\r\n                //}\r\n            },\r\n            videopause: function () {\r\n                if (this.wxvideo) {\r\n                    if (!this.videoinfo.iscontrols) {\r\n                        //if (this.wxvideoready) {\r\n                        this.wxvideo.pause();\r\n                        //this.isplay = false;\r\n                        //}\r\n                    }\r\n                }\r\n\r\n            },\r\n            videoended: function () {\r\n                this.wxvideo.currentTime = 1;\r\n                this.videopause();\r\n            }\r\n        },\r\n        mounted() {\r\n            //this.isios = this.$common.basic.browser.isios;\r\n            this.kv = this.$route.query.kv;\r\n            this.getdata();\r\n        }\r\n    }\r\n</script>\r\n\r\n<style scoped>\r\n    .videoplayer { width: 100%; height: 100%; background-color: #000; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; }\r\n        .videoplayer video { width: 100%; height: 100%; }\r\n        .videoplayer .videobtn { width: 100%; height: 100%; position: absolute; z-index: 9; left: 0; top: 0; right: 0; bottom: 0; background-color: #FFF; opacity: 0.5; text-align: center; }\r\n            .videoplayer .videobtn a { display: inline-block; position: absolute; left: 50%; top: 50%; margin-top: -50px; margin-left: -50px; width: 100px; height: 100px; overflow: hidden; background-color: #000; border-radius: 50%; text-align: center; line-height: 100px; }\r\n            .videoplayer .videobtn i { font-size: 100px; color: #FFF; }\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./video.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./video.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./video.vue?vue&type=template&id=03d0615e&scoped=true&\"\nimport script from \"./video.vue?vue&type=script&lang=js&\"\nexport * from \"./video.vue?vue&type=script&lang=js&\"\nimport style0 from \"./video.vue?vue&type=style&index=0&id=03d0615e&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"03d0615e\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}