牟慕诗 发表于 2025-6-7 13:22:28

怎么设置视频封面

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

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

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

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


文強发表于2023-12-10 12:14:37
[*]详细答案 >

阎清雅 发表于 2025-6-7 13:23:06

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

搭仑扯 发表于 2025-6-7 13:23:50



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

宿和怡 发表于 2025-6-7 13:24:36

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

成娅旃 发表于 2025-6-7 13:25:31

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

郁和静 发表于 2025-6-7 13:25:40

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

阎清雅 发表于 2025-6-7 13:25:52

这个上传图片的大小时根据你播放器的高度和宽度，然后发帖时在第一选项里输入图片地址就可以了。
页: [1]
查看完整版本: 怎么设置视频封面