woocommerce如何给首页加视频

Question

我添加视频的时候显示这样，视频也展示不出来

此封面图像将替换背景视频，以防无法加载视频

Answer 1

您需要使用一个插件或编写自己的代码。

在 WordPress 后台，转到“插件” ->“添加新插件”页面。

搜索并安装“WordPress Video Plugin”。

激活插件。

转到“设置”->“WordPress Video Plugin”页面。

在“主页背景”选项卡下，选择您想要添加到主页的视频。

选择视频后，您可以上传或选择视频的封面图像。

保存设置并预览您的网站，视频应该出现在主页上。

如果您想要更多的控制权或者您想编写自己的代码，您可以将视频标签添加到主题文件中。以下是一些指导步骤：

编辑您的主题文件，找到首页的 HTML 代码。

在 HTML 代码中，添加视频标签

在 <source /> 标签中，添加视频文件的 URL。

添加 标签作为视频的封面图像。

样例代码如下：

<video poster="path/to/video-thumbnail.jpg" width="100%" height="auto" autoplay muted loop>
    <source src="path/to/video.mp4" type="video/mp4">
</video>

html
<video poster="path/to/video-thumbnail.jpg" width="100%" height="auto" autoplay muted loop>
    <source src="path/to/video.mp4" type="video/mp4">
</video>

保存文件并预览您的网站，视频应该出现在主页上。