{"version":3,"sources":["webpack:///./src/views/video.vue?e25b","webpack:///./src/views/video.vue","webpack:///src/views/video.vue","webpack:///./src/views/video.vue?52c6","webpack:///./src/views/video.vue?8f67","webpack:///./src/assets/btn/teacher-back.gif"],"names":["render","_vm","this","_c","_self","staticClass","attrs","playerOptions","require","on","goPath","staticRenderFns","components","videoPlayer","name","computed","sources","type","src","videoUrl","playbackRates","autoplay","muted","loop","preload","language","aspectRatio","poster","notSupportedMessage","controlBar","timeDivider","durationDisplay","remainingTimeDisplay","fullscreenToggle","data","mounted","id","$route","query","videoId","methods","onPlayerPause","player","console","log","onPlayerPlay","onFullscreenChange","isFullScreen","fullScreen","$refs","$router","push","path","component","module","exports"],"mappings":"yIAAA,W,yCCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,eAAe,CAACE,YAAY,eAAeC,MAAM,CAAC,QAAUL,EAAIM,iBAAiBJ,EAAG,MAAM,CAACE,YAAY,WAAWC,MAAM,CAAC,IAAME,EAAQ,QAAkC,IAAM,IAAIC,GAAG,CAAC,MAAQR,EAAIS,WAAW,IAE1TC,EAAkB,G,wBCSP,G,UAAA,CAEfC,WAAA,CAAAC,8BACAC,KAAA,SACAC,SAAA,CACAR,gBACA,OACAS,QAAA,CACA,CACAC,KAAA,YACAC,IAAA,KAAAC,WAIAC,cAAA,aACAC,UAAA,EACAC,OAAA,EACAC,MAAA,EACAC,QAAA,OACAC,SAAA,QACAC,YAAA,OAEAC,OAAA,GACAC,oBAAA,aACAC,WAAA,CACAC,aAAA,EACAC,iBAAA,EACAC,sBAAA,EACAC,kBAAA,MAMAC,OACA,OACAf,SAAA,6FACAF,KAAA,KAGAkB,UACA,IAAAC,EAAA,KAAAC,OAAAC,MAAAC,QACA,KAAAtB,KAAAmB,EACA,GAAAA,EACA,KAAAjB,SAAA,wBACA,GAAAiB,EACA,KAAAjB,SAAA,wBACA,GAAAiB,EACA,KAAAjB,SAAA,wBACA,GAAAiB,IACA,KAAAjB,SAAA,oBAGAqB,QAAA,CACAC,cAAAC,GACAC,QAAAC,IAAA,gBAAAF,IAEAG,aAAAH,GACAC,QAAAC,IAAA,eAAAF,IAEAI,mBAAAC,GACAJ,QAAAC,IAAA,wBAAAG,IAEAC,aACA,KAAAC,MAAApC,YAAAmC,cAEAtC,SAEA,QAAAO,KACA,KAAAiC,QAAAC,KAAA,CACAC,KAAA,cACAd,MAAA,KAGA,QAAArB,KACA,KAAAiC,QAAAC,KAAA,CACAC,KAAA,cACAd,MAAA,KAGA,QAAArB,KACA,KAAAiC,QAAAC,KAAA,CACAC,KAAA,gBACAd,MAAA,KAIA,KAAAY,QAAAC,KAAA,CACAC,KAAA,SACAd,MAAA,SCpG8U,I,wBCQ1Ue,EAAY,eACd,EACArD,EACAW,GACA,EACA,KACA,WACA,MAIa,aAAA0C,E,8BCnBfC,EAAOC,QAAU,IAA0B","file":"static/js/chunk-6eab9dc7.83dc0086.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./video.vue?vue&type=style&index=0&id=360079d2&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"video-player-bk\"},[_c('video-player',{staticClass:\"video-player\",attrs:{\"options\":_vm.playerOptions}}),_c('img',{staticClass:\"backtBtn\",attrs:{\"src\":require(\"../assets/btn/teacher-back.gif\"),\"alt\":\"\"},on:{\"click\":_vm.goPath}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"video-player-bk\">\r\n    <!-- 123 -->\r\n    <video-player class=\"video-player\" :options=\"playerOptions\" />\r\n\t<img class=\"backtBtn\" src=\"../assets/btn/teacher-back.gif\" alt=\"\" @click=\"goPath\">\r\n  </div>\r\n</template>\r\n<script>\r\n// 在组件中引入\r\nimport { videoPlayer } from 'vue-video-player'\r\nimport 'video.js/dist/video-js.css'\r\nexport default {\r\n  // 注册\r\n  components: { videoPlayer },\r\n  name: 'shipin',\r\n  computed: {\r\n    playerOptions () {\r\n      return {\r\n        sources: [\r\n          {\r\n            type: 'video/mp4',\r\n            src: this.videoUrl\r\n          }\r\n        ],\r\n        // 其他可配置选项，如播放速度、是否自动播放等，可根据需求设置\r\n        playbackRates: [0.7, 1.0, 1.5, 2.0],\r\n        autoplay: true,\r\n        muted: false,\r\n        loop: false,\r\n        preload: 'auto',\r\n        language: 'zh-CN',\r\n        aspectRatio: '16:9',\r\n        // fluid: true,\r\n        poster: '',\r\n        notSupportedMessage: '此视频播放器需要更新',\r\n        controlBar: {\r\n          timeDivider: true,\r\n          durationDisplay: true,\r\n          remainingTimeDisplay: false,\r\n          fullscreenToggle: true\r\n        }\r\n        // 其他选项...\r\n      }\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      videoUrl: 'https://app.hebyun.com.cn/avm/material/avm/2024/11/05/473c3e5886b74f66b51a7dabcfbb37de.mp4',\r\n\t  type:'',\r\n    }\r\n  },\r\n  mounted () {\r\n    let id = this.$route.query.videoId\r\n\tthis.type=id\r\n    if (id == 1) {//翟少鹏\r\n      this.videoUrl = '../video/teacher1.mp4'\r\n    } else if (id == 2) {//黄小凤\r\n      this.videoUrl = '../video/teacher2.mp4'\r\n    } else if (id == 3) {//张晓威\r\n      this.videoUrl = '../video/teacher3.mp4'\r\n    } else if (id == 4) {//出发页\r\n      this.videoUrl = '../video/go.mp4'\r\n    }\r\n  },\r\n  methods: {\r\n    onPlayerPause (player) {\r\n      console.log('player pause!', player)\r\n    },\r\n    onPlayerPlay (player) {\r\n      console.log('player play!', player)\r\n    },\r\n    onFullscreenChange (isFullScreen) {\r\n      console.log('player screen change!', isFullScreen)\r\n    },\r\n    fullScreen () {\r\n      this.$refs.videoPlayer.fullScreen()\r\n    },\r\n\tgoPath() {\r\n\t\t// console.log('111')\r\n\t\tif(this.type==1){\r\n\t\t\tthis.$router.push({\r\n\t\t\t\tpath: '/teacherOne',\r\n\t\t\t\tquery: {\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t}else if(this.type==2){\r\n\t\t\tthis.$router.push({\r\n\t\t\t\tpath: '/teacherTwo',\r\n\t\t\t\tquery: {\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t}else if(this.type==3){\r\n\t\t\tthis.$router.push({\r\n\t\t\t\tpath: '/teacherThree',\r\n\t\t\t\tquery: {\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t}else{\r\n\t\t\tthis.$router.push({\r\n\t\t\t\tpath: '/bgTwo',\r\n\t\t\t\tquery: {\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t}\r\n\t},\r\n  }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n// .video-js .vjs-big-play-button {\r\n//   width: 72px;\r\n//   height: 72px;\r\n//   border-radius: 100%;\r\n//   z-index: 100;\r\n//   background-color: #ffffff;\r\n//   border: solid 1px #979797;\r\n// }\r\n\r\n.video-player-bk {\r\n  width: 100%;\r\n  height: 100%;\r\n  background: url('../assets/bg.png');\r\n  background-size: cover;\r\n  position: relative;\r\n\r\n  .video-player {\r\n    position: absolute;\r\n    left: 0;\r\n    top: 50%;\r\n    transform: translate(0, -50%);\r\n    width: 100%;\r\n    height: 300px;\r\n  }\r\n}\r\n.backtBtn {\r\n\tposition:absolute;\r\n    width: 110px;\r\n    left: 32%;\r\n    bottom: 13px;\r\n  }\r\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-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--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-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=360079d2&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=360079d2&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  \"360079d2\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"static/img/teacher-back.e5853703.gif\";"],"sourceRoot":""}