javascript 我可以在网站上放置一个全屏视频占位符来播放视频作为网站介绍动画,而不是手动编码动画吗?

xzv2uavs  于 2023-02-11  发布在  Java
关注(0)|答案(1)|浏览(88)

我是新的网页开发,并没有什么知识,因为我刚刚开始,并希望尝试这一个,谢谢!
我还没有尝试过,因为我正在寻找解决方案,因为我仍然在基本的网络开发知识很少。

3bygqnnd

3bygqnnd1#

我建议你使用html视频标签在你的网站上播放视频。

<style>
  .video-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: -100;
  }
  video {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
  }
</style>

<div class="video-container">
  <video autoplay="autoplay" loop="loop" muted="muted">
    <source src="video.mp4" type="video/mp4">
  </video>
</div>

您可以修改CSS以满足您的需要。

相关问题