Yi.Admin/Yi.BBS.Vue3/src/layout/LoginLayout.vue

<template>
<div class="body-div">
  <div  class="left">
    <video width="320" height="240" controls autoplay playsinline loop disablepictureinpicture  poster="/loginBg.png">
    <source src="/loginBg.mp4" type="video/mp4">
    您的浏览器不支持 video 标签。
</video>

  
</div>

<div class="right">

  <RouterView />
  
</div>


</div>


  </template>
<style scoped>
.left
{
  width: 100%;
  background-color:bisque
}
.right
{
  max-width: 520px;
  width:40% ;
  background-color: blue;
}
.body-div
{
  display: flex;
  justify-content: space-between;
  width: 100%;
height:100%
}
.videoBG
{
height: 200px;

}

    video::-webkit-media-controls-fullscreen-button {
        display: none;
    }

    video::-webkit-media-controls-play-button {
        display: none;
    }

    video::-webkit-media-controls-timeline {
        display: none;
    }

    video::-webkit-media-controls-current-time-display{
        display: none;            
    }

    video::-webkit-media-controls-time-remaining-display {
        display: none;            
    }

    video::-webkit-media-controls-mute-button {
        display: none;            
    }
    video::-webkit-media-controls-toggle-closed-captions-button {
        display: none;            
    }

    video::-webkit-media-controls-volume-slider {
        display: none;            
    }

    video::-webkit-media-controls-enclosure{ 
        display: none;
    }
</style>