<template>
  <div class="relative">
    <video id="videoPlayer" controls autoplay>
      <source src="http://localhost:3213/video" type="video/mp4">
    </video>
    <div class="absolute bg-#fff w-60px top-196px right-0 z-999 rounded-l-4px">
      <div class="w-full h-60px text-#7D7D7F text-12px flex flex-col justify-center items-center border-b-1px border-b-#D3D3D3">
        <div>拍品</div>
        <div>(1/188)</div>
      </div>
      <div class="w-full h-60px flex flex-col items-center justify-center">
        <div class="mb-3px">
          <img src="@/static/images/lock4@2x.png" class="w-16px h-21px" alt="">
        </div>
        <div class="text-#2B53AC text-10px">开启出价</div>
      </div>
    </div>
  </div>

</template>

<script setup>
</script>

<style scoped>
video {
  width: 100%;
  height: auto;
}
</style>