hlm_pl_mall_h5/pages/home/goodsdetail/GoodsVideo.vue

<template><page-meta :root-font-size="fontSize+'px'"></page-meta>
<home-base :show="false" ><view class="div container common-popup-wrapper" :style="'width:'+getBannerStyle.width+'px;height:'+getBannerStyle.height+'px'">
    <view class="div common-header-wrap">
        <view :style="'height:'+navHeight+'px'"></view>
        <view class="common-header-holder"></view>
        <view class="common-header-fixed">
        <title-header />
        <uni-nav-bar title="视频" class="common-header" left-icon="back" @clickLeft="goBack()">
        </uni-nav-bar>
    </view>
    </view>
    <view class="div common-popup-content">
        <video v-if="detailInfo.goodsvideo_url" style="width:100%;height:100%" autoplay="autoplay" controls="controls" controlslist="nodownload" :src="detailInfo.goodsvideo_url" />
    </view>
</view></home-base>
</template>

<script>
import {getFontSize} from '@/util/common'
import TitleHeader from '../../TitleHeader'
import HomeBase from '../HomeBase'
import { mapState, mapMutations } from 'vuex'
export default {
  name:'HomeGoodsVideo',
  mounted(){
  // #ifdef  MP-WEIXIN
  this.navHeight = uni.getMenuButtonBoundingClientRect().top
  // #endif
  },
  data(){
    return {

    navHeight: 0,

    }
  },
  components:{

  TitleHeader,

  HomeBase,

  },
  computed:{
    fontSize(){
      return getFontSize()
    },
    ...mapState({
      detailInfo: state => state.goodsdetail.detailInfo
    }),
    getBannerStyle: function () {
      const res = uni.getSystemInfoSync()
      var width = res.windowWidth
      var height = res.windowHeight
      let itemWidth = width
      let itemHeight = height
      return {
        width: itemWidth,
        height: itemHeight
      }
    },
  },
  created () {

  },
  methods:{

  goBack(){uni.navigateBack({delta:1})},

  }

}
</script>

<style scoped lang="scss">

</style>