怎么设置视频封面

小冰 · 发表于 2025-6-7 12:59:48

如视频链接
或者
[mp4]视频链接[/mp4]
怎么为视频添加本地或者远程图片为视频封面，避免视频未播放时黑乎乎的1 贡献最佳答案

把你后台的mp4编辑器代码修改为：

您的浏览器不支持HTML5视频。 /* 图片尺寸 */ .poster img { width: 100% !important; height: 100% !important; object-fit: cover; }

复制代码

参数个数: 2
参数提示语:
封面路径
视频路径

站帮网 · 发表于 2025-6-7 13:00:41

制作一张图片。上传到服务器或者论坛帖子。复制图片地址，填入插件的图片地址栏。

IT618应用中心 · 发表于 2025-6-7 13:01:20

把你后台的mp4编辑器代码修改为：

<div align="center"><video width="854" controls style="max-width:100%" allowfullscreen controls="controls" poster ="{1}" > <source src="{2}" type="video/mp4" /> <source src="{2}" type="video/ogg" /> 您的浏览器不支持HTML5视频。 <div id="poster" class="poster" /> <img class="poster" /> </div> <style> /* 图片尺寸 */ .poster img { width: 100% !important; height: 100% !important; object-fit: cover; } </style></video></div>

复制代码

参数个数: 2
参数提示语:
封面路径
视频路径

IT618应用中心 · 发表于 2025-6-7 13:01:54

有效，非常感谢，收藏了
对了，下载按钮是否能够隐藏或者去掉

霸王别姬 · 发表于 2025-6-7 13:02:26

在代码 allowfullscreen 的后面添加 controlsList="nodownload" ，完整代码：

<div align="center"><video width="854" controls style="max-width:100%" allowfullscreen controlsList="nodownload" controls="controls" poster ="{1}" > <source src="{2}" type="video/mp4" /> <source src="{2}" type="video/ogg" /> 您的浏览器不支持HTML5视频。 <div id="poster" class="poster" /> <img class="poster" /> </div> <style> /* 图片尺寸 */ .poster img { width: 100% !important; height: 100% !important; object-fit: cover; } </style></video></div>

复制代码

yusr · 发表于 2025-6-7 13:03:14

老哥，这个代码能适用于3.5吗？搞了很久还是黑色封面。再问一下，代码中的“图片尺寸”，你能改一个完整的代码吗，纯小白，这里不会写，我只想复制粘贴，谢谢

ROBOT · 发表于 2025-6-7 13:03:28

这个上传图片的大小时根据你播放器的高度和宽度，然后发帖时在第一选项里输入图片地址就可以了。

关于我们