怎么设置视频封面

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>

复制代码

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