<template>
  <div style="height: 100%" @click="clickVideo">
    <video
      :ref="`myVideo-${sort}`"
      preload="auto"
      x5-playsinline
      x5-video-orientation="landscape|portrait"
      x5-video-player-type="h5"
      webkit-playsinline="true"
      playsinline="true"
      :controls="videoInfo.checkedAttr.indexOf('controls') > -1"
      :autoplay="autoPlay"
      :loop="videoInfo.checkedAttr.indexOf('loop') > -1"
      muted="true"
      :poster="videoInfo.list.length != 0 ? videoInfo.list[0].imgUrl : ''"
      class="video-js vjs-default-skin vjs-big-play-centered vjs-16-9 video-item"
    >
      <source
        :src="videoInfo.list.length != 0 ? videoInfo.list[0].resourcePath : ''"
      />
    </video>
  </div>
</template>

<script>
import videoPlayerJs from "./videoPlayer.js";
export default videoPlayerJs;
</script>

<style lang="scss" scoped>
@import "videoPlayer";
</style>
