怎么設置視頻封面

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行，/* 圖片尺寸 */，你直接幫我寫好行嗎？我自己不會寫，謝謝

[已解決] 怎么設置視頻封面