怎么设置视频封面

ysx24 · 发表于 2023-12-10 11:29:56

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

1 贡献

把你后台的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
参数提示语:
封面路径
视频路径

量子 · 发表于 2023-12-10 11:39:17

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

文強 · 发表于 2023-12-10 12:14:37

把你后台的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
参数提示语:
封面路径
视频路径

ysx24 · 发表于 2023-12-10 12:48:41

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

文強 · 发表于 2023-12-10 13:12:08

ysx24 发表于 2023-12-10 12:48
有效，非常感谢，收藏了
对了，下载按钮是否能够隐藏或者去掉

在代码 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>

复制代码

barniagoody · 发表于 2025-6-7 12:58:44

文強发表于 2023-12-10 13:12
在代码 allowfullscreen 的后面添加 controlsList="nodownload" ，完整代码：

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

文強 · 发表于 2025-6-7 13:07:35

barniagoody 发表于 2025-6-7 12:58
老哥，这个代码能适用于3.5吗？搞了很久还是黑色封面。再问一下，代码中的“图片尺寸”，你能改一个完整 ...

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

barniagoody · 发表于 2025-6-7 16:55:10

文強发表于 2025-6-7 13:07
这个上传图片的大小时根据你播放器的高度和宽度，然后发帖时在第一选项里输入图片地址就可以了。 ...

老哥，我就用的系统默认自带的播放器，能给一个完整的代码？我真的不会写。
“然后发帖时在第一选项里输入图片地址就可以了‘，这个看不明白，能给截图演示一下吗？
跪谢

barniagoody · 发表于 2025-6-7 17:30:02

barniagoody 发表于 2025-6-7 16:55
老哥，我就用的系统默认自带的播放器，能给一个完整的代码？我真的不会写。
“然后发帖时在第一选项里输 ...

老哥，你这个教程第11行，/* 图片尺寸 */，你直接帮我写好行吗？我自己不会写，谢谢你

barniagoody · 发表于 2025-6-7 17:30:27

文強发表于 2025-6-7 13:07
这个上传图片的大小时根据你播放器的高度和宽度，然后发帖时在第一选项里输入图片地址就可以了。 ...

老哥，你这个教程第11行，/* 图片尺寸 */，你直接帮我写好行吗？我自己不会写，谢谢

[已解决] 怎么设置视频封面