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

前端开发教程 2025-03-01 0

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

HTML

语法

以下是 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中，我们如何设置在视频下载时显示图像？的详细内容，更多请关注双恒网络其它相关文章！

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。