{"version":3,"sources":["webpack:///./src/project/File/views/videoPage/videoPlay/index.vue?0225","webpack:///./src/project/File/views/videoPage/videoPlay/index.vue?4916","webpack:///src/project/File/views/videoPage/videoPlay/index.vue","webpack:///./src/project/File/views/videoPage/videoPlay/index.vue?608e","webpack:///./src/project/File/views/videoPage/videoPlay/index.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","staticClass","attrs","videoOptions","staticRenderFns","require","Vue","use","VideoPlayer","props","sources","type","Object","default","required","data","value","playbackRates","autoplay","controls","muted","loop","preload","language","aspectRatio","fluid","src","poster","notSupportedMessage","controlBar","timeDivider","durationDisplay","remainingTimeDisplay","fullscreenToggle","watch","mounted","fileTestLocals","methods","getUrlKey","name","decodeURIComponent","RegExp","exec","location","href","replace","_this","b","fileTestLocal","then","response","code","getDownloadUrl","setTimeout","url","component"],"mappings":"kHAAA,W,6DCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,eAAe,CAACE,IAAI,cAAcC,YAAY,+BAA+BC,MAAM,CAAC,aAAc,EAAK,QAAUR,EAAIS,iBACpNC,EAAkB,G,mECMtBC,EAAA,QACAA,EAAA,QACAC,aAAAC,IAAAC,KAEe,OACfC,MAAA,CACAC,QAAA,CACAC,KAAAC,OACAC,QAAA,aACAC,UAAA,IAGAC,KAAA,WACA,OACAC,MAAA,EACAb,aAAA,CACAc,cAAA,aACAC,UAAA,EACAC,UAAA,EACAC,OAAA,EACAC,MAAA,EACAC,QAAA,OACAC,SAAA,QACAC,YAAA,OACAC,OAAA,EACAf,QAAA,EAAAC,KAAA,GAAAe,IAAA,KACAC,OAAA,GAEAC,oBAAA,4BACAC,WAAA,CACAC,aAAA,EACAC,iBAAA,EACAC,sBAAA,EACAC,kBAAA,MAMAC,MAAA,GAEAC,QAAA,WACA,KAAAC,kBAEAC,QAAA,CACAC,UAAA,SAAAC,GACA,OAAAC,oBAAA,IAAAC,OAAA,QAAAF,EAAA,uBAAAG,KAAAC,SAAAC,OAAA,UAAAC,QAAA,qBAEAT,eAAA,eAAAU,EAAA,KACAC,GAAA,EACAC,iBAAAC,MAAA,SAAAC,GACA,GAAAA,EAAAC,OACAJ,GAAA,EACAD,EAAA9B,MAAA,EACA8B,EAAAM,qBAGAC,YAAA,WACAN,IACAD,EAAA9B,MAAA,GAEA8B,EAAAM,mBACA,MAGAA,eAAA,WAEA,WAAApC,MACA,IAAAsC,EAAA,wEACA,WAAAtC,MACAsC,EAAA,8DAGA,KAAAnD,aAAAO,QAAA,GAAAgB,IAAA4B,EAAA,gBAAAhB,UAAA,UACA,KAAAnC,aAAAO,QAAA,GAAAC,KAAA,eCjF0Y,I,wBCQtY4C,EAAY,eACd,EACA9D,EACAW,GACA,EACA,KACA,WACA,MAIa,aAAAmD,E","file":"static/js/chunk-3385b4f8.363f5ae9.js","sourcesContent":["export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-2!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=259d3e96&prod&lang=scss&scoped=true\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('video-player',{ref:\"videoPlayer\",staticClass:\"video-player vjs-custom-skin\",attrs:{\"playsinline\":true,\"options\":_vm.videoOptions}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <video-player class=\"video-player vjs-custom-skin\" ref=\"videoPlayer\" :playsinline=\"true\" :options=\"videoOptions\" />\n</template>\n\n<script>\nimport Vue from 'vue'\nimport VideoPlayer from 'vue-video-player'\nrequire('video.js/dist/video-js.css')\nrequire('vue-video-player/src/custom-theme.css')\nVue.use(VideoPlayer)\nimport { fileTestLocal } from '@File~/api/file'\nexport default {\n  props: {\n    sources: {\n      type: Object,\n      default: () => { },\n      required: true\n    }\n  },\n  data() {\n    return {\n      value: 1,\n      videoOptions: {\n        playbackRates: [0.5, 1.0, 1.5, 2.0], //可选择的播放速度\n        autoplay: false, //如果true,浏览器准备好时开始回放。\n        controls: true,\n        muted: false, // 默认情况下将会消除任何音频。\n        loop: false, // 视频一结束就重新开始。\n        preload: 'auto', // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频（如果浏览器支持）\n        language: 'zh-CN',\n        aspectRatio: '16:9', // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如\"16:9\"或\"4:3\"）\n        fluid: true, // 当true时，Video.js player将拥有流体大小。换句话说，它将按比例缩放以适应其容器。\n        sources: [{ type: '', src: '' }], //this.sources,\n        poster: '', //this.poster, //你的封面地址\n        // width: document.documentElement.clientWidth,\n        notSupportedMessage: '仅支持MP4格式在线播放，其他格式请下载后自行播放', //允许覆盖Video.js无法播放媒体源时显示的默认信息。\n        controlBar: {\n          timeDivider: true,//当前时间和持续时间的分隔符\n          durationDisplay: true,//显示持续时间\n          remainingTimeDisplay: true,//是否显示剩余时间功能\n          fullscreenToggle: true  //全屏按钮\n        }\n      }\n    }\n  },\n\n  watch: {\n  },\n  mounted() {\n    this.fileTestLocals()\n  },\n  methods: {\n    getUrlKey(name) {\n      return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || [, \"\"])[1].replace(/\\+/g, '%20')) || null\n    },\n    fileTestLocals() {\n      var b = true;\n      fileTestLocal().then(response => {\n        if (response.code == 1) {\n          b = false;\n          this.value = 1;\n          this.getDownloadUrl() // 获取下载地址\n        }\n      })\n      setTimeout(() => {\n        if (b) {\n          this.value = 2;\n        }\n        this.getDownloadUrl() // 获取下载地址\n      }, 150);\n    },\n    // 获取文件下载地址\n    getDownloadUrl() {\n      // videoPage/videoPlay?fileId=863232\n      if (this.value == 1) {\n        var url = process.env.VUE_APP_TITLE === 'production' ? \"https://local-gateway.yingxiong.com/file/api/file/loadFileBinary\" : \"https://local-gateway.yingxiong.com/testFile/api/file/loadFileBinary\"\n      } else if (this.value == 2) {\n        var url = process.env.VUE_APP_TITLE === 'production' ? \"https://nps-bdc.yingxiong.com/tfile/api/file/loadFileBinary\" : \"https://nps-bdc.yingxiong.com/testGatewayFile/api/file/loadFileBinary\"\n      }\n\n      this.videoOptions.sources[0].src = url + \"?fileId=\" + this.getUrlKey(\"fileId\")\n      this.videoOptions.sources[0].type = 'video/mp4'\n\n    }\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.video-player {\n  width: auto;\n  height: auto;\n  position: relative;\n}\n::v-deep .video-js .vjs-big-play-button {\n  top: 50%;\n  left: 50%;\n  transform: translateY(-50%), translateX(-50%);\n}\n</style>","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!./index.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!./index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=259d3e96&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=259d3e96&prod&lang=scss&scoped=true\"\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  \"259d3e96\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}