数字藏品视频介质接入组件

说明

支持Vue框架，解决自动播放多端播放兼容性问题，可自定义视频介质宽高和内容，实现藏品展示接入，开箱即用

使用

npm i @tripmini/cangpin-video-ui -D

在使用项目中引入该组件

// main.js
import CangpinVideo from '@tripmini/cangpin-video-ui'
import '@tripmini/cangpin-video-ui/cangpin-video-ui.css'

Vue.use(CangpinVideo)

在需要使用的地方引入，以Home组件为例

<!-- home -->
<template>
  <div class="index-container">
     <cangpin-video /> 
  </div>
</template>

<script>
export default {
  data() {
    return {}
  },

  computed: {},

  mounted() { },

  methods: {}
}
</script>
<style lang="scss" scoped>
</style>

参数

| 参数名 | 类型 | 默认值 | | --- | --- | --- | | videoUrl | String | "" | | width | String | "100vw" | | height | String | "100vh" |

注意

本组件默认的宽高默认为屏幕的宽高，如有其他需要可自定义设置width，height属性