{"version":3,"sources":["webpack:///./src/views/memorialhall/photos/VideoDetails.vue","webpack:///src/views/memorialhall/photos/VideoDetails.vue","webpack:///./src/views/memorialhall/photos/VideoDetails.vue?5c8d","webpack:///./src/views/memorialhall/photos/VideoDetails.vue?e4e9","webpack:///./src/views/memorialhall/photos/VideoDetails.vue?5865"],"names":["render","_vm","this","_c","_self","attrs","on","onClickLeft","scopedSlots","_u","key","fn","shareHandler","proxy","staticClass","vMemorialHallDetailed","staticStyle","domProps","_s","MemorialHallSearchApiModel","DeceasedInformationApiModelList","LifeIntroduction","_e","model","ref","playerOptions","_v","Title","AddDateTime","staticRenderFns","data","playbackRates","autoplay","muted","loop","preload","language","aspectRatio","fluid","sources","type","src","poster","notSupportedMessage","controlBar","timeDivider","durationDisplay","remainingTimeDisplay","fullscreenToggle","id","mid","methods","$back","$weixin","IsWeiXin","soshm","weixinSharetip","_Toast","init","that","$store","dispatch","Id","then","res","VideoApiModel","VideoPath","err","initShare","options","commit","SerialNumber","MemorialHallID","initweixinShare","$nextTick","desc","document","querySelector","innerText","ShareWeiXinAppMessage","HeadPhoto","created","$route","query","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,GAAG,CAACA,EAAG,cAAc,CAACE,MAAM,CAAC,MAAQ,OAAO,aAAa,GAAG,MAAQ,GAAG,UAAU,GAAG,QAAS,GAAOC,GAAG,CAAC,aAAaL,EAAIM,aAAaC,YAAYP,EAAIQ,GAAG,CAAC,CAACC,IAAI,QAAQC,GAAG,WAAW,MAAO,CAACR,EAAG,WAAW,CAACE,MAAM,CAAC,KAAO,SAASC,GAAG,CAAC,MAAQL,EAAIW,kBAAkBC,OAAM,OAAUV,EAAG,MAAM,CAACW,YAAY,gBAAiBb,EAAIc,sBAAuBZ,EAAG,MAAM,CAACa,YAAY,CAAC,QAAU,QAAQX,MAAM,CAAC,GAAK,QAAQY,SAAS,CAAC,UAAYhB,EAAIiB,GAAGjB,EAAIc,sBAAsBI,2BAA2BC,gCAAgC,GAAGC,qBAAqBpB,EAAIqB,KAAMrB,EAAIsB,MAAOpB,EAAG,MAAM,CAACA,EAAG,eAAe,CAACqB,IAAI,cAAcV,YAAY,+BAA+BT,MAAM,CAAC,aAAc,EAAK,QAAUJ,EAAIwB,iBAAiBtB,EAAG,MAAM,CAACW,YAAY,eAAe,CAACb,EAAIyB,GAAGzB,EAAIiB,GAAGjB,EAAIsB,MAAMI,UAAUxB,EAAG,IAAI,CAACW,YAAY,cAAc,CAACb,EAAIyB,GAAGzB,EAAIiB,GAAGjB,EAAIsB,MAAMK,gBAAgBzB,EAAG,MAAM,CAACW,YAAY,iBAAiB,GAAGb,EAAIqB,MAAM,IAEr9BO,EAAkB,G,6CCwDP,GACfC,OACA,OAEAL,cAAA,CACAM,cAAA,aACAC,UAAA,EACAC,OAAA,EACAC,MAAA,EACAC,QAAA,OACAC,SAAA,QACAC,YAAA,OACAC,OAAA,EACAC,QAAA,CACA,CACAC,KAAA,GACAC,IAAA,uCAIAC,OAAA,GAEAC,oBAAA,iBACAC,WAAA,CACAC,aAAA,EACAC,iBAAA,EACAC,sBAAA,EACAC,kBAAA,IAGAC,GAAA,EACA1B,MAAA,KACA2B,IAAA,EACAnC,sBAAA,OAMAoC,QAAA,CACA5C,cACA,KAAA6C,SAIAxC,eACA,KAAAyC,QAAAC,WACAC,IAAAC,iBAEAC,eAAA,aAQAC,OACA,IAAAC,EAAA,KACA,KAAAC,OACAC,SAAA,CACArB,KAAA,wBACAsB,GAAAH,EAAAV,KAEAc,KACAC,IAEAL,EAAApC,MAAAyC,EAAAC,cACAD,EAAAC,cAAAC,YACAP,EAAAlC,cAAAc,QAAA,GAAAE,IAAAuB,EAAAC,cAAAC,YAGAC,QAGAC,UAAAnB,GACA,IAAAU,EAAA,KACAU,EAAA,CACA7B,KAAA,+BACAS,MAEAU,EAAAC,OAAAC,SAAAQ,GAAAN,KAAAC,IAEAL,EAAA5C,sBAAAiD,EACAA,EAAA7C,6BACAwC,EAAAC,OAAAU,OAAA,SAAAN,EAAA7C,2BAAAoD,cACAZ,EAAAC,OAAAU,OAAA,UAAAN,EAAA7C,2BAAAqD,iBAEAb,EAAAN,QAAAC,YACAK,EAAAc,qBAIAA,kBACA,IAAAd,EAAA,KACA,KAAAe,UAAA,KACA,IAAAC,EAAAC,SAAAC,cAAA,SAAAC,UACAH,IACAA,EAAAhB,EAAA5C,sBAAAI,2BAAAQ,OAEAgC,EAAAN,QAAA0B,sBACApB,EAAA5C,sBAAAI,2BAAAQ,MACAgD,EACAhB,EAAA5C,sBAAAI,2BAAAC,gCAAA,GAAA4D,UACA,mBAAArB,EAAAT,SAMA+B,UACA,IAAAtB,EAAA,KACAA,EAAAV,GAAA,KAAAiC,OAAAC,MAAAlC,GACAU,EAAAT,IAAA,KAAAgC,OAAAC,MAAAjC,IACA,KAAAkB,UAAAT,EAAAT,KACA,KAAAQ,SC7KmX,I,wBCQ/W0B,EAAY,eACd,EACApF,EACA6B,GACA,EACA,KACA,WACA,MAIa,aAAAuD,E,2CCnBf,W","file":"js/chunk-41116340.baca2480.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{},[_c('van-nav-bar',{attrs:{\"title\":\"视频详情\",\"left-arrow\":\"\",\"fixed\":\"\",\"z-index\":99,\"border\":false},on:{\"click-left\":_vm.onClickLeft},scopedSlots:_vm._u([{key:\"right\",fn:function(){return [_c('van-icon',{attrs:{\"name\":\"share\"},on:{\"click\":_vm.shareHandler}})]},proxy:true}])}),_c('div',{staticClass:\"navBarSpace\"}),(_vm.vMemorialHallDetailed)?_c('div',{staticStyle:{\"display\":\"none\"},attrs:{\"id\":\"desc\"},domProps:{\"innerHTML\":_vm._s(_vm.vMemorialHallDetailed.MemorialHallSearchApiModel.DeceasedInformationApiModelList[0].LifeIntroduction)}}):_vm._e(),(_vm.model)?_c('div',[_c('video-player',{ref:\"videoPlayer\",staticClass:\"video-player vjs-custom-skin\",attrs:{\"playsinline\":true,\"options\":_vm.playerOptions}}),_c('div',{staticClass:\"video-title\"},[_vm._v(_vm._s(_vm.model.Title))]),_c('p',{staticClass:\"video-date\"},[_vm._v(_vm._s(_vm.model.AddDateTime))]),_c('div',{staticClass:\"appbarSpace\"})],1):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class>\r\n    <!-- header start -->\r\n    <van-nav-bar\r\n      title=\"视频详情\"\r\n      left-arrow\r\n      fixed\r\n      :z-index=\"99\"\r\n      @click-left=\"onClickLeft\"\r\n      :border=\"false\"\r\n    >\r\n      <template #right>\r\n        <van-icon name=\"share\" @click=\"shareHandler\" />\r\n      </template>\r\n    </van-nav-bar>\r\n    <div class=\"navBarSpace\"></div>\r\n    <!-- header end -->\r\n    <div id=\"desc\" v-if=\"vMemorialHallDetailed\" style=\"display:none\" \r\n      v-html=\"vMemorialHallDetailed.MemorialHallSearchApiModel.DeceasedInformationApiModelList[0].LifeIntroduction\" ></div>\r\n    <div v-if=\"model\">\r\n      <video-player\r\n        class=\"video-player vjs-custom-skin\"\r\n        ref=\"videoPlayer\"\r\n        :playsinline=\"true\"\r\n        :options=\"playerOptions\"\r\n      ></video-player>\r\n      <div class=\"video-title\">{{model.Title}}</div>\r\n      <p class=\"video-date\">{{model.AddDateTime}}</p>\r\n\r\n      <!-- <CommentBox /> -->\r\n\r\n      <div class=\"appbarSpace\"></div>\r\n      <!-- <div class=\"van-hairline--top appbarBottom\">\r\n      \t<router-link to=\"\" class=\"item\">\r\n      \t\t<van-icon name=\"edit\" />\r\n      \t\t<span class=\"text\">编辑</span>\r\n      \t</router-link>\r\n      \t<router-link to=\"\" class=\"item\">\r\n      \t\t<van-icon name=\"envelop-o\" />\r\n      \t\t<span class=\"text\">发送</span>\r\n      \t</router-link>\r\n      \t<router-link to=\"\" class=\"item\">\r\n      \t\t<van-icon name=\"share\" />\r\n      \t\t<span class=\"text\">分享</span>\r\n      \t</router-link>\r\n      \t<router-link to=\"\" class=\"item\">\r\n      \t\t<van-icon name=\"delete\" />\r\n      \t\t<span class=\"text\">删除</span>\r\n      \t</router-link>\r\n      </div>-->\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport soshm from \"soshm\";\r\nimport { Toast } from \"vant\";\r\n// import CommentBox from '@/components/CommentBox.vue'\r\nexport default {\r\n  data() {\r\n    return {\r\n      // 视频播放\r\n      playerOptions: {\r\n        playbackRates: [0.7, 1.0, 1.5, 2.0], //播放速度\r\n        autoplay: false, //如果true,浏览器准备好时开始回放。\r\n        muted: false, // 默认情况下将会消除任何音频。\r\n        loop: false, // 导致视频一结束就重新开始。\r\n        preload: \"auto\", // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频（如果浏览器支持）\r\n        language: \"zh-CN\",\r\n        aspectRatio: \"16:9\", // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如\"16:9\"或\"4:3\"）\r\n        fluid: true, // 当true时，Video.js player将拥有流体大小。换句话说，它将按比例缩放以适应其容器。\r\n        sources: [\r\n          {\r\n            type: \"\",\r\n            src: \"http://vjs.zencdn.net/v/oceans.mp4\" //url地址\r\n            // src: \"\" //url地址\r\n          }\r\n        ],\r\n        poster: \"\", //你的封面地址\r\n        // width: document.documentElement.clientWidth,\r\n        notSupportedMessage: \"此视频暂无法播放，请稍后再试\", //允许覆盖Video.js无法播放媒体源时显示的默认信息。\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      id: 0,\r\n      model: null,\r\n      mid : 0,\r\n      vMemorialHallDetailed : null,\r\n    };\r\n  },\r\n  //   components: {\r\n  //   \tCommentBox\r\n  // },\r\n  methods: {\r\n    onClickLeft() {\r\n      this.$back();\r\n      //this.$router.go(-1);\r\n    },\r\n    /**推荐给朋友**/\r\n    shareHandler() {\r\n      if (this.$weixin.IsWeiXin()) {\r\n        soshm.weixinSharetip();\r\n      } else {\r\n        Toast(\"当前暂不支持分享\");\r\n      }\r\n\r\n      // soshm.popIn({\r\n      //   title: \"弹窗分享\",\r\n      //   sites: [\"weixin\", \"weixintimeline\", \"weibo\", \"qzone\", \"tqq\", \"qq\"]\r\n      // });\r\n    },\r\n    init() {\r\n      var that = this;\r\n      this.$store\r\n        .dispatch({\r\n          type: \"GetVideoVideoDetailed\",\r\n          Id: that.id\r\n        })\r\n        .then(\r\n          res => {\r\n            // console.log(res);\r\n            that.model = res.VideoApiModel;\r\n            if (res.VideoApiModel.VideoPath) {\r\n              that.playerOptions.sources[0].src = res.VideoApiModel.VideoPath;\r\n            }\r\n          },\r\n          err => {}\r\n        );\r\n    },\r\n    initShare(id) {\r\n      var that = this;\r\n      var options = {\r\n        type: \"GetMemorialHallSearchApiById\",\r\n        id: id\r\n      };\r\n      that.$store.dispatch(options).then(res => {\r\n        // console.log(res);\r\n        that.vMemorialHallDetailed = res;\r\n        if(res.MemorialHallSearchApiModel){\r\n          that.$store.commit('setmid', res.MemorialHallSearchApiModel.SerialNumber);\r\n          that.$store.commit('setmuid', res.MemorialHallSearchApiModel.MemorialHallID);\r\n        }\r\n        if(that.$weixin.IsWeiXin()){\r\n          that.initweixinShare();\r\n        }\r\n      });\r\n    },\r\n    initweixinShare(){\r\n      var that = this;\r\n        this.$nextTick(() => {\r\n          var desc = document.querySelector(\"#desc\").innerText;\r\n          if(!desc){\r\n            desc = that.vMemorialHallDetailed.MemorialHallSearchApiModel.Title;\r\n          }\r\n          that.$weixin.ShareWeiXinAppMessage(\r\n            that.vMemorialHallDetailed.MemorialHallSearchApiModel.Title,\r\n            desc,\r\n            that.vMemorialHallDetailed.MemorialHallSearchApiModel.DeceasedInformationApiModelList[0].HeadPhoto,\r\n            'MemorialHall?id=' + that.mid\r\n          );\r\n        })\r\n        \r\n    }\r\n  },\r\n  created() {\r\n    var that = this;\r\n    that.id = this.$route.query.id;\r\n    that.mid = this.$route.query.mid;\r\n    this.initShare(that.mid);\r\n    this.init();\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.video-player {\r\n  margin: 15px;\r\n}\r\n.video-title {\r\n  text-align: center;\r\n  font-size: 16px;\r\n  margin-top: 15px;\r\n  padding: 0 15px;\r\n}\r\n.video-date {\r\n  font-size: 12px;\r\n  color: #bbb;\r\n  text-align: center;\r\n  padding: 0 15px;\r\n}\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!./VideoDetails.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!./VideoDetails.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./VideoDetails.vue?vue&type=template&id=74d9d11f&scoped=true\"\nimport script from \"./VideoDetails.vue?vue&type=script&lang=js\"\nexport * from \"./VideoDetails.vue?vue&type=script&lang=js\"\nimport style0 from \"./VideoDetails.vue?vue&type=style&index=0&id=74d9d11f&prod&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  \"74d9d11f\",\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/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/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VideoDetails.vue?vue&type=style&index=0&id=74d9d11f&prod&scoped=true&lang=css\""],"sourceRoot":""}