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

如何解决使用 PHP 内联样式添加视频背景

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

这是我想转换为背景视频的背景图片的代码：

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

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

解决方法

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

<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%;
} 

工作示例： https://www.w3schools.com/howto/howto_css_fullscreen_video.asp