在HTML中，我们如何设置在视频下载时显示图像？

百变鹏仔 3个月前 (09-21) #HTML

文章标签视频下载

在本文中，我们将了解如何设置在以 HTML 格式下载视频时显示的图像。

HTML poster 属性允许用户在单击播放按钮或下载视频时显示图像。否则，如果没有设置海报属性，将使用视频的第一帧作为海报图片。

语法

以下是 HTML 属性的语法。

<video poster="URL">

让我们深入研究以下示例，您可以在其中了解有关 HTML 属性的更多信息。

立即学习“前端免费学习笔记（深入）”；

示例 1

在以下示例中，我们使用元素和海报属性。

<!DOCTYPE html><html><body>   <center>      <video width="340" height="220" controls poster="https://www.tutorialspoint.com/static/images/logo-color.png">      <source src="https://samplelib.com/lib/preview/mp4/sample-5s.mp4" type="video/mp4">      </video>   </center></body></html>

执行上述脚本时，它将生成一个输出，其中包含上传的视频以及使用海报属性作为海报添加到视频中的图像。

示例 2

考虑以下示例，其中我们使用两个视频，其中一个带有属性。

<!DOCTYPE html><html><body>   <center>   <video width="340" height="220" controls poster="https://www.tutorialspoint.com/images/logo.png">      <source src="https://samplelib.com/lib/preview/mp4/sample-5s.mp4">   </video>   <video width="320" height="240" controls>      <source src="https://samplelib.com/lib/preview/mp4/sample-30s.mp4">   </video>   </center></body></html>

当脚本执行时，它会生成一个由上传到网页的两个视频组成的输出，其中一个添加了 HTML 属性，另一个是正常的。

文章推荐

在HTML中，我们如何设置在视频下载时显示图像？

语法

示例 1

示例 2

html代码是什么

值得一学的6个前端HTML+CSS特效

html怎么设置字体

怎么隐藏html标签

html怎么设置编码utf8