video标签的用法_img是单标签吗

<templete>
<div v-if="isShowVideo()" class="head-top-video">
      <video
        width="100%"
        height="100%"
        class="item-video"
        src="./img/head.mp4"
        autoplay="true"
        loop="true"
        muted="true"
        object-fit="fill"
        playsinline="true"
        webkit-playsinline="true"
        x5-playsinline="true"
        x5-video-player-type="h5"
        x5-video-orientation="landscape|portrait"
        x-webkit-airplay="deny"
        disableRemotePlayback="true"
        poster="./img/topya.jpg"
      />
</div>
</templete>

<script>
/**
 * 是否低端机
 * @returns true | false
 */
export const isLowDevice = () => {
  const [, ISLP = ''] = navigator.userAgent?.match(/ISLP\/(\d)/) || [];

  return Number(ISLP) === 1;
};

/**
 * 是否进入Crash兜底策略
 * @returns true | false
 */
export const isICFO = () => {
  const [, ICFO = ''] = navigator.userAgent?.match(/ICFO\/(\d)/) || [];

  return Number(ICFO) === 1;
};

// 低电量模式当低端机处理
export const isLSLB = () => {
  const [, ICFO = ''] = navigator.userAgent?.match(/ISLB\/(\d)/) || [];

  return Number(ICFO) === 1;
};

export const isLowDeviceBiz = (): boolean => {
  return isLowDevice() || isICFO() || isLSLB();
};
</script>


<style>
.head-top-video {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
}
</style>