使用 PHP 内联样式添加视频背景

【问题标题】：Add Video Background Using PHP Inline Styles使用 PHP 内联样式添加视频背景
【发布时间】：2021-06-21 03:18:18
【问题描述】：

有没有办法换出图像 URL 并将其替换为视频文件以用作背景视频而不是图像？

这是我要转换为背景视频的背景图像的代码：

echo '<style type="text/css" media="screen">
        body.front-page {
            background-image: url(' . esc_html( $image ) . ');
</style>';

我需要将视频应用到这个 body.front-page 类，但不确定最好的方法是什么，但我更喜欢使用 PHP。

【问题讨论】：

【解决方案1】：

首先你应该像这样放置一个视频：

<video autoplay muted loop id="myVideo">
  <source src="rain.mp4" type="video/mp4">
</video>

然后添加一些 CSS 来发送背景：

#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

【讨论】：