saas_miniprogram/components/myPlayer/polyvPlayer.vue

<template>
  <view>
    <view class="video_box" style="width: 100%; height: 421rpx">
      <!-- #ifdef MP-WEIXIN -->
      <polyv-player
        id="playerVideo"
        playerId="playerVideo"
        height="421rpx"
        :vid="vid"
        :showSettingBtn="true"
        :enablePlayGesture="true"
        :custom-cache="false"
        :object-fit="'contain'"
        @statechange="onStateChange"
        @fullscreenchange="fullscreenchange"
        @error="playError"
        :autoplay="autoplay"
        :page-gesture="true"
        :vslide-gesture="true"
        :vslide-gesture-in-fullscreen="true"
        :isAllowSeek="isAllowSeek"
        :playbackRate="playbackRate"
        :enableAutoRotation="enableAutoRotation"
        @loadedmetadata="loadedmetadata"
      ></polyv-player>
      <!-- #endif -->
      <!-- #ifdef H5 -->
      <view v-show="vid" id="player"></view>
      <!-- #endif -->
    </view>
  </view>
</template>

<script>
export default {
  name: "SaasMiniprogramPolyvPlayer",
  prop: {
    vid: {
      type: String,
      defaule: "",
    },
  },
  data() {
    return {};
  },

  mounted() {},

  methods: {},
  watch: {
    vid: {
        hander
    },
  },
};
</script>

<style lang="scss" scoped></style>