{"version":3,"sources":["webpack:///./src/pages/phonc/phceshi.vue","webpack:///src/pages/phonc/phceshi.vue","webpack:///./src/pages/phonc/phceshi.vue?c358","webpack:///./src/pages/phonc/phceshi.vue?cb03","webpack:///./src/pages/phonc/phceshi.vue?a672"],"names":["render","_vm","this","_c","_self","_l","videolist","l","index","key","attrs","title","staticClass","on","$event","playc","_v","close","staticRenderFns","data","playsinline","playerOptions","options","created","window","scrollTo","getMovieList","methods","video","document","getElementById","pause","e","length","id","concat","play","cccc","console","log","i","arrs","playbackRates","autoplay","muted","loop","preload","language","aspectRatio","fluid","sources","_defineProperty","type","movie","poster","notSupportedMessage","controlBar","timeDivider","durationDisplay","remainingTimeDisplay","fullscreenToggle","push","onPlayerPlay","player","that","$refs","videoPlayer","onPlayerPause","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAMF,EAAII,GAAIJ,EAAIK,WAAW,SAASC,EAAEC,GAAO,OAAOL,EAAG,MAAM,CAACM,IAAID,GAAO,CAACL,EAAG,QAAQ,CAACO,MAAM,CAAC,IAAM,6EAA6E,MAAQ,MAAM,OAAS,MAAM,GAAK,QAAQH,EAAEI,MAAM,SAAW,cAAcR,EAAG,SAAS,CAACS,YAAY,OAAOC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOb,EAAIc,MAAMR,EAAEI,UAAU,CAACV,EAAIe,GAAG,QAAQb,EAAG,SAAS,CAACS,YAAY,QAAQC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOb,EAAIgB,MAAMV,EAAEI,UAAU,CAACV,EAAIe,GAAG,aAAY,IAExhBE,EAAkB,G,YCaP,GACfC,KAAA,WACA,OACAb,UAAA,GAMAc,aAAA,EACAC,cAAA,GACAC,QAAA,KAGAC,QAAA,WACAC,OAAAC,SAAA,KACA,KAAAC,gBAGAC,QAAA,CACAV,MAAA,WAEA,IAAAW,EAAAC,SAAAC,eAAA,SACAF,EAAAG,SAEAhB,MAAA,SAAAiB,GACA,QAAAzB,EAAA,EAAAA,EAAA,KAAAD,UAAA2B,OAAA1B,IACA,GAAAyB,GAAA,KAAA1B,UAAAC,GAAAI,MAAA,CAEA,IAAAuB,EAAAL,SAAAC,eAAA,QAAAK,OAAA,KAAA7B,UAAAC,GAAAI,QACAuB,EAAAE,WACA,CACA,IAAAF,EAAAL,SAAAC,eAAA,QAAAK,OAAA,KAAA7B,UAAAC,GAAAI,QACAuB,EAAAH,UA2BAM,KAAA,SAAAL,GACAM,QAAAC,IAAAP,IAEAN,aAAA,WAEA,QAAAc,EAAA,EAAAA,EAAA,KAAAlC,UAAA2B,OAAAO,IAAA,CACA,IAAAC,EAAA,CACAC,cAAA,QACAC,UAAA,EACAC,OAAA,EACAC,MAAA,EACAC,QAAA,OACAC,SAAA,QACAC,YAAA,OACAC,OAAA,EACAC,QAAA,CAAAC,8BAAA,CAEAC,KAAA,oBACA,mBACA,KAAA9C,UAAAkC,GAAAa,QAGAC,OAAA,GACAC,oBAAA,iBACAC,WAAA,CACAC,aAAA,EACAC,iBAAA,EACAC,sBAAA,EACAC,kBAAA,IAGA,KAAAvC,cAAAwC,KAAApB,KAGAqB,aAAA,SAAAC,EAAAvD,GAIA,IADA,IAAAwD,EAAA,KAAAC,MAAAC,YACA1B,EAAA,EAAAA,EAAAwB,EAAA/B,OAAAO,IACAA,GAAAhC,GACAwD,EAAAxB,GAAAuB,OAAAhC,SAGAoC,cAAA,SAAAJ,OCtH+V,I,wBCQ3VK,EAAY,eACd,EACApE,EACAkB,GACA,EACA,KACA,KACA,MAIa,aAAAkD,E,6CCnBf,W","file":"js/chunk-34ce495a.7c2b2238.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',_vm._l((_vm.videolist),function(l,index){return _c('div',{key:index},[_c('video',{attrs:{\"src\":\"https://zmngw.oss-cn-shenzhen.aliyuncs.com/assets/phvideosimg/喷砂机中文宣传片.mp4\",\"width\":\"800\",\"height\":\"400\",\"id\":'video'+l.title,\"controls\":\"controls\"}}),_c('button',{staticClass:\"play\",on:{\"click\":function($event){return _vm.playc(l.title)}}},[_vm._v(\"播放\")]),_c('button',{staticClass:\"close\",on:{\"click\":function($event){return _vm.close(l.title)}}},[_vm._v(\"暂停\")])])}),0)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div >\n\t\t<div v-for=\"(l,index) in  videolist\" :key=\"index\">\n\t\t\t<video src=\"https://zmngw.oss-cn-shenzhen.aliyuncs.com/assets/phvideosimg/喷砂机中文宣传片.mp4\" width=\"800\" height=\"400\" :id=\"'video'+l.title\" controls=\"controls\" ></video>\n\t\t\t<button class=\"play\" @click=\"playc(l.title)\">播放</button>\n\t\t\t<button class=\"close\"@click=\"close(l.title)\">暂停</button>\n\t\t</div>\n\t</div>\n \n</template>\n<script>\n/* import { videoPlayer } from \"vue-video-player\";\nrequire(\"video.js/dist/video-js.css\");\nrequire(\"vue-video-player/src/custom-theme.css\"); */\n\nexport default {\n  data() {\n    return {\n      videolist: [\n       // { title: 1, movie: require(\"https://zmngw.oss-cn-shenzhen.aliyuncs.com/assets/phvideosimg/喷砂机中文宣传片.mp4\") },\n       //  { title: 2, movie: require(\"https://zmngw.oss-cn-shenzhen.aliyuncs.com/assets/phvideosimg/喷砂机中文宣传片.mp4\") },\n       //  { title: 3, movie: require(\"https://zmngw.oss-cn-shenzhen.aliyuncs.com/assets/phvideosimg/喷砂机中文宣传片.mp4\")},\n       //  { title: 4, movie: require(\"https://zmngw.oss-cn-shenzhen.aliyuncs.com/assets/phvideosimg/喷砂机中文宣传片.mp4\") }\n      ],\n      playsinline: true,\n      playerOptions: [],\n      options: \"\"\n    };\n  },\n  created() {\n\t  window.scrollTo(0,0);\n    this.getMovieList();\n  },\n\n  methods: {\n\t  close(){\n\t\t  \n\tvar video=document.getElementById(\"video\");\n\t\t  video.pause();\n\t  },\n\t  playc(e){\n\t\t  for(let l =0; l<this.videolist.length;l++){\n\t\t\t  if(e==this.videolist[l].title){\n\t\t\t\t  \n\t\t\t\tlet id=document.getElementById(`video${this.videolist[l].title}`)\n\t\t\t\tid.play();\n\t\t\t  }else{\n\t\t\t\t  let id=document.getElementById(`video${this.videolist[l].title}`)\n\t\t\t\t  id.pause();\n\t\t\t  }\n\t\t\t \n\t\t  }\n\t\t /* this.bigpcproductticont.map( (i) => {\n\t\t  \t\n\t\t    id = document.getElementById(`video${i.product_id}`);\n\t\t   let  mianscrollHeight = id.scrollHeight;\n\t\t    var mianoffsetTop = id.offsetTop;\n\t\t    // 页面滚动位置 > 元素距离顶部高度-窗口高度 && 页面滚动位置 < 元素距离顶部高度+元素本身高度\n\t\t    if (scroll > mianoffsetTop  - 200) {\n\t\t     \n\t\t  \tfor(let l=0;l<this.bigpcproductticont.length;l++){\n\t\t  \t\tif(this.bigpcproductticont[l].product_id==i.product_id){\n\t\t  \t\t\t\n\t\t  \t\t\tthis.bigpcproductticont[l].mess1=true\n\t\t  \t\t}\n\t\t  \t}\n\t\t    } else {\n\t\t    \n\t\t    }\n\t\t  }); */\n\t\t  /* id = document.getElementById(`id${i.product_id}`);\n\t\t\tvar video=document.getElementById(\"video\"); */\n\n\t\t /* video.play(); */\n\t  },\n\tcccc(e){\n\t\tconsole.log(e) \n\t},\n    getMovieList() {\n    // 这里正常来说应该是从后台获取的数据，以下操作都是在成功的回调函数里\n      for (var i = 0; i < this.videolist.length; i++) {\n          let arrs = {\n            playbackRates: [1.0, 2.0, 3.0], //播放速度\n            autoplay: false, //如果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: [\n              {\n                type: \"video/mp4\",\n                type: \"video/ogg\",\n                src: this.videolist[i].movie //url地址\n              }\n            ],\n            poster: \"\", //封面地址\n            notSupportedMessage: \"此视频暂无法播放，请稍后再试\", //允许覆盖Video.js无法播放媒体源时显示的默认信息。\n            controlBar: {\n              timeDivider: true,\n              durationDisplay: true,\n              remainingTimeDisplay: false,\n              fullscreenToggle: true //全屏按钮\n            }\n          };\n          this.playerOptions.push(arrs);\n        }\n    },\n    onPlayerPlay(player, index) {\n \n      \n       var that = this.$refs.videoPlayer;\n       for (let i = 0; i < that.length; i++) {\n          if(i != index)\n          that[i].player.pause()\n       }\n    },\n    onPlayerPause(player) {\n\n      \n    }\n  }\n};\n</script>\n<style >\n.mui-table-view {\n  \n  \n  \n}\n.mui-table-view h1 {\n    font-size: 14px;\n    line-height: 24px;\n    text-indent: 2em;\n  }\n .mui-table-view .mui-ellipsis {\n    font-size: 14px;\n    color: #226aff;\n    display: flex;\n    justify-content: space-between;\n    margin: 5px 0;\n  }\n .mui-table-view video {\n    width: 100%;\n    height: 300px;\n  }\n  \n  .video-js .vjs-control-bar button{\n    outline: none;\n  }\n</style>\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!./phceshi.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!./phceshi.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./phceshi.vue?vue&type=template&id=b3f76a08\"\nimport script from \"./phceshi.vue?vue&type=script&lang=js\"\nexport * from \"./phceshi.vue?vue&type=script&lang=js\"\nimport style0 from \"./phceshi.vue?vue&type=style&index=0&id=b3f76a08&prod&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  null,\n  null\n  \n)\n\nexport default component.exports","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/src/index.js??ref--6-oneOf-1-2!../../../node_modules/px2rem-loader/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!./phceshi.vue?vue&type=style&index=0&id=b3f76a08&prod&lang=css\""],"sourceRoot":""}