如何使用 HTML5 将背景视频嵌入到我的 Wordpress 主题中，而无需使用插件

我正在尝试将背景视频添加到wordpress网站，以代替当前存在的大图像。

我了解如何使用 HTML5 和 CSS 设置视频，但对 php 不是很熟悉，并且在编写函数以从媒体库中提取视频（wmp 和 mp4）并显示它们时，我有点迷茫从哪里开始。

有关如何执行此操作的任何指导将不胜感激。谢谢！

我知道这是需要修改的代码部分：

<div class="intro-block">
    <?php if ( has_post_thumbnail() ):?>
        <?php the_post_thumbnail('full'); ?>
    <?php else: ?>
        <?php
            $image = get_field('global_intro_image', 'option');
            if( !empty($image) ): ?>
            <img src="<?php echo $image['url']; ?>" alt="<?php echo        $image['alt']; ?>" >
        <?php endif; ?>
        <?php endif; ?>
        <div class="text-holder">
        <div class="container">
            <?php if( $title = get_field( 'title' )) : ?>
                <h1><?php echo $title; ?></h1>
            <?php endif; ?>
            <?php if( $find_btn_link = get_field( 'find_btn_link' )) : ?>
                 <a href="<?php echo $find_btn_link; ?>" class="btn btn-blue white-border">    <?php echo get_field( 'find_btn_text' ); ?></a>
            <?php endif; ?>
        </div>
    </div>
</div>

当前拉取页面的特色图像并显示它。

关于从哪里开始的任何建议？

提前感谢！