h5 video

 

<div class="relative">
    <video
      class="w-full h-full object-fill"
      id="ckplayer_a1"
      :src="url"
      x5-video-player-type="h5"
      preload="metadata"
      playsinline="true"
      webkit-playsinline="true"
      x-webkit-airplay="true"
      x5-video-orientation="portraint"
      x5-video-player-fullscreen="true"
      :poster="cover"
    ></video>
    <div class="absolute left-0 bottom-0 px-4 mb-4 text-sm text-yellow-500">
      <div class="flex items-center">
        <img :src="avatar" class="rounded-full w-8 h-8" />
        <div class="ml-2 flex-col">
          <div>{{title2}}</div>
          <div>{{subtitle}}</div>
        </div>
      </div>
    </div>
  </div>