如何使用 CSS 和 HTML 为我的 WordPress 主题添加视频背景？

Question

我有一个我认为或希望很容易回答的问题。我只是不知道我错过了什么......基本上，我正在自己创建一个 WP 主题，我想为一个站点添加一个图像作为背景，并为另一侧添加一个视频作为背景。如果我使用我的文本编辑器（没有 WP）并使用以下代码添加图像/视频，它工作得非常好。但是当我将相同的代码复制并粘贴到我的 WordPress 文件中时，图像或视频将不会显示。我用谷歌搜索了很多，但不断获得我已经拥有的相同代码，而这些代码在 WP 中对我不起作用。

<video autoplay muted loop class="video">
    <source src="/videos/background.mp4" type="video/mp4">
</video>

<img src="/images/image.jpg" alt="image">```

这是我在源代码下编写的路径的问题吗？我确实在我的主题文件夹中创建了一个图像和一个视频文件夹。但这行不通。如果有人能解释我缺少什么，那就太好了！

Answer 1

欢迎来到 StackOverflow！

假设您在主题样式表所在的同一文件夹（通常命名为 style.css）中创建了新文件夹 /images 和 /videos，您需要告诉 WordPress URL 的根应该指向的位置在模板中使用<?php echo get_stylesheet_directory_uri(); ?>。

图片

<img src="<?php echo get_stylesheet_directory_uri(); ?>/images/image.jpg" alt="image">

和视频

<video>
    <source src="<?php echo get_stylesheet_directory_uri(); ?>/videos/background.mp4" type="video/mp4">
</video>

试一试，但如果上述方法不起作用，那么您的 /images 和 /videos 文件夹可能位于不同的位置。