当前位置: 首页 > 知识库问答 >
问题:

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

解明辉
2023-03-14

是否有一种方法可以交换出图像URL并用一个视频文件代替图像作为背景视频使用?

下面是我要转换为背景视频的背景图像的代码:

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

我需要将视频应用到这个Body.Front-Page类,但不确定最好的方法是什么,不过我更喜欢使用PHP。

共有1个答案

沈凯康
2023-03-14

录影带可不是那样的。您需要为此使用 标记。

编辑:您可以将视频转换为.gif并使用它。然而,这将删除声音和您没有任何控制的视频(暂停,停止,前进,等等)

 类似资料:
  • 问题内容: 我正在尝试将此代码添加到动态创建的div元素中 创建动态的代码是 我的想法是在之后添加样式,但我不知道该怎么做。 问题答案: 这应该向元素添加内联样式。

  • 在这种情况下,我只能将属性传递给jsx组件,但无法使用标准css类(组件不可访问,只能通过将属性传递给其父组件来设置样式)。有没有办法使用“内联样式”属性设置禁用按钮的背景色? 编辑我得到的最近的引用是但是我得到了未捕获的引用错误:未定义disabled

  • 问题内容: 我有一个具有以下内联样式的react元素:(精简版) 尽管我不太确定如何执行此操作,但我想用状态中的属性替换宽度。 我试过了: 这有可能吗? 问题答案: 你可以这样

  • 问题内容: 我正在尝试访问静态图像以在React 的内联属性中使用。不幸的是,我已经干了如何做到这一点。 通常,我认为您只是这样做如下: 这适用于标签。有人可以解释两者之间的区别吗? 例: 效果很好。 谢谢! 问题答案: backgroundImage属性内的花括号错误。 可能您正在将webpack与图像文件加载器一起使用,因此Background应该已经是一个String了: 您还可以使用以下E

  • 我正在尝试访问一个静态图像,以便在React中的内联属性中使用。不幸的是,我已经不知道该怎么做了。 一般我以为你刚才是这样做的: 这适用于标记。有人能解释一下这两者的区别吗? 示例: 工作正常。 谢谢!

  • 我已将这些字体样式添加到我的页面 如何使用css将它们添加到我的页面中,以便我的css中没有这些外部链接 我试过这个 但在我的控制台(我使用Mlozilla)中 可下载字体:被消毒剂拒绝 在Chrome错误说: 无法解码下载的字体:https://fonts.googleapis.com/css?family=Roboto:400,700700Italic,400italic 然后我下载了与Rob