开启您的跨境之旅
马上联系我们

建站开发客服

建站客服

设计师（制作Figma原型）

Elementor 视频背景居中缩小 100% 显示

首先给视频容器添加css classes：video-banner ，然后在css 添加代码

.video-banner .elementor-background-video-container {
display: flex !important;
align-items: center !important;
justify-content: center !important;
position: absolute !important;
top: 0; left: 0; width: 100%; height: 100%;
z-index: 1;
pointer-events: none !important;
}
.video-banner .elementor-background-video-container video {
width: 70vw !important;
height: 70vh !important;
object-fit: contain !important;
display: block !important;
margin: 0 !important;
background: #000 !important;
pointer-events: none !important;
border: none !important;
outline: none !important;
position: relative !important;
left: 0 !important;
top: 0 !important;
/* 你可以微调这个值！*/
transform: translateX(0vw);
}

相关文章

Start Today

开始您的独立站品牌出海

独立站品牌从0到1的步骤：产品开发 – VI定调 – 网站定制 – 运营自动化 – 客户维护
  • 12小时技术团队支持
  • 全方位品牌出海护航

做有投放价值的开发和设计

NOPASS不是一家单纯的网站设计服务商，高品质的审美和高质量的开发技术都是源于有长期的SEM数据反馈，在长时间的调整和合作中积累了各行业的品牌搭建经验。

Explore

  • 关于我们
  • 技术服务
  • 客户案例
  • 项目流程
  • 项目流程
  • Faq's
  • 营销一体化

Resources

  • 团队
  • 联系我们
  • BLOG

联系我们

Facebook Github Linkedin