主页模板上的php代码存在问题

我是新来的，我不是开发人员-我正在快速学习代码，所以请温柔一点：）

无论如何，我在客户主页上的视频部分遇到了问题：

首先，视频下面有一点“额外”的背景，我不知道为什么会在那里。当你放大或缩小时，它会神奇地消失。奇怪。

其次，根据浏览器的不同，在100%放大率下，徽标顶部和底部的底部将被切断。

如何解决这些问题？下面是该部分的代码。提前谢谢你

<section class="videoHolder">
<div class="header-video" style="width: 100%; height: 100%;" data-vide-bg="mp4: wp-content/themes/AuroraCustom/video/Aurora_3MB, ogv: wp-content/themes/AuroraCustom/video/Aurora_3MB, webm: wp-content/themes/AuroraCustom/video/Aurora_3MB, poster: wp-content/themes/AuroraCustom/video/Aurora_3MB" data-vide-options="loop: false, muted: false, position: 100% 100%">
    <div class="tagsholder">
        <div class="shell">
            <div class="tags line1" id="line1">
                <?php echo CFS()->get( 'title_1' ); ?> </div>
            <div class="tags line2">
                <?php echo CFS()->get( 'title_2' ); ?> </div>
            <div class="tags line3">
                <?php echo CFS()->get( 'title_3' ); ?> </div>
            <div class="tags line4">
                <?php echo CFS()->get( 'title_4' ); ?> </div>
        </div>
    </div>
    <div class="line5">
        <div class="large-logo"> <img src="<?php bloginfo('stylesheet_directory'); ?>/images/aurora_large_logo.png" alt="Aurora Predictions"/>
            <p class="l5tag logo_title">Discover your tomorrow today </p>
            <?php $link1 = CFS()->get( 'button_1_link' ); ?>
            <?php $link2 = CFS()->get( 'button_2_link' ); ?>
            <a href="<?php echo $link1[url]; ?>" target="<?php echo $link1[target]; ?>" class="btn btn-primary btnscla">
                <?php echo $link1[text]; ?> </a>
            <!--<a class="btn btn-gray btnscla btn-btm" href="<?php echo $link2[url]; ?>" target="<?php echo $link2[target]; ?>">
                <?php echo $link2[text]; ?> </a>-->
        </div>
    </div>
</div>

/images/aurora\u large\u logo.png“alt=”aurora Predictions“/>
今天就发现你的明天

从以下位置删除背景（或使其变为黑色）：

正如您在包装div中也有它一样（还有一堆由代码生成的其他内容）：

或者从上述代码中删除

海报：wp content/themes/Aurora custom/video/Aurora_3MB

，将图像作为两个div的背景是问题所在

---

Hi Lawrence-谢谢您的快速回复！我对您的回复感到困惑。我在php主页主题文件（我之前复制和粘贴的内容）中找不到任何代码。或者，您是说要添加它吗？我不知道代码“产生了什么结果”“因此，您必须向我指出php文件中需要更改的内容。我正在查看页面的DOM，执行相同的操作，您可以清楚地看到它将video/Aurora_3MB.jpg添加到div中（很可能是通过代码中的

poster

属性添加的）。。它也在

.videoHolder

css中，如前所述从css中删除一个，它应该可以解决这个问题（尽管你的位置是白色的，这就是为什么我说将其设为黑色背景）css在第39816行（eek look for.videoHolder）

.videoHolder {
    background-image: url(../video/Aurora_3MB.jpg);
    background-size: cover;
}

<div style="
  position: absolute; 
  z-index: -1; 
  top: 0px; 
  left: 0px; 
  bottom: 0px; 
  right: 0px; 
  overflow: hidden; 
  background-size: cover; 
  background-color: transparent;
  background-repeat: no-repeat; 
  background-position: 100% 100%; 
  background-image: url(&quot;https://aurorapredictions.com/wp-content/themes/AuroraCustom/video/Aurora_3MB.jpg&quot;);
">
  <video autoplay="" style="margin: auto; position: absolute; z-index: -1; top: 100%; left: 100%; transform: translate(-100%, -100%); visibility: hidden; opacity: 0; width: auto; height: 842px;">
    <source src="wp-content/themes/AuroraCustom/video/Aurora_3MB.mp4" type="video/mp4">
    <source src="wp-content/themes/AuroraCustom/video/Aurora_3MB.webm" type="video/webm">
    <source src="wp-content/themes/AuroraCustom/video/Aurora_3MB.ogv" type="video/ogg">
  </video>
</div>